Fix type errors.

Author: aidanCQ

src/custom/docs/components/footer/index.tsx

@@ -86,11 +86,11 @@ export const Footer = () => {
         </div>
       </div>
       <div className="grid grid-cols-1 gap-16 md:grid-cols-3 md:gap-24">
-        {footerConfig.map((col) => {
+        {footerConfig.columns.map((col) => {
           return (
-            <div key={col.title} className="flex flex-col md:items-end">
+            <div key={col.name} className="flex flex-col md:items-end">
               <span className="text-foreground text-left text-[0.675rem] font-semibold uppercase tracking-wide md:text-right">
-                {col.title}
+                {col.name}
               </span>
               <ul className="mt-3 flex flex-col gap-2 md:text-right">
                 {col.items.map((item) => {

stories/custom/docs-footer.stories.tsx

@@ -1,71 +1,9 @@
 import { Meta, StoryObj } from "@storybook/react";
 import {DocsFooter } from "src";
-import { QuantinuumLogo } from "src/custom/docs/QuantinuumLogo";
 
- const footerConfig = {
-    logo: <QuantinuumLogo />,
-    columns: [
-      {
-        title: 'Solutions',
-        items: [
-          {
-            href: 'https://docs.quantinuum.com/nexus/index.html',
-            name: 'Quantinuum Nexus',
-          },
-          {
-            href: 'https://docs.quantinuum.com/inquanto/index.html',
-            name: 'Inquanto',
-          },
-          {
-            href: 'https://tket.quantinuum.com/',
-            name: 'TKET',
-          },
-          {
-            href: 'https://docs.quantinuum.com/lambeq',
-            name: 'Lambeq',
-          },
-        ],
-      },
-      {
-        title: 'Hardware',
-        items: [
-          {
-            href: 'https://docs.quantinuum.com/h-series/index.html',
-            name: 'System Model H1',
-          },
-          {
-            href: 'https://docs.quantinuum.com/h-series/index.html',
-            name: 'System Model H2',
-          },
-          {
-            href: 'https://www.quantinuum.com/hardware#access',
-            name: 'Get Access',
-          },
-        ],
-      },
-      {
-        title: 'What We Do?',
-        items: [
-          {
-            href: 'https://www.quantinuum.com/about',
-            name: 'About Quantinuum',
-          },
-          {
-            href: '"https://www.quantinuum.com/publications',
-            name: 'Research',
-          },
-          {
-            href: 'https://www.quantinuum.com/events',
-            name: 'Events',
-          },
-        ],
-      },
-    ],
-    subtitle: '',
-  }
 
 export function DocsNavDemo() {
-  return <DocsFooter {...footerConfig} />;
+  return <DocsFooter />;
 }
 
 const meta: Meta<typeof DocsNavDemo> = {