fix layout errors in docs

Author: b5

src/app/docs/page.mdx

@@ -1,21 +1,21 @@
-import {Guides} from '@/components/Guides';
-import {Resources} from '@/components/Resources';
-import {HeroPattern} from '@/components/HeroPattern';
+import {Guides} from '@/components/Guides'
+import {Resources} from '@/components/Resources'
+import {HeroPattern} from '@/components/HeroPattern'
 
 export const metadata = {
   title: 'Iroh Documentation',
   description:
     'Learn about Iroh and how to integrate into your own project.',
-};
+}
 
 export const sections = [
   {title: 'Guides', id: 'guides'},
   {title: 'Resources', id: 'resources'},
-];
+]
 
-<HeroPattern />;
+<HeroPattern />
 
-Iroh Documentation
+# Iroh Documentation
 
 Iroh is a protocol for syncing bytes of any size, across any number of devices. Use iroh to build smarter, more efficient apps. {{className: 'lead'}}
 

src/app/docs/sdks/page.mdx

@@ -14,4 +14,4 @@ Protocol SDKs
 
 The recommended way to interact with the Iroh is by using one of our official Software Development Kits (SDKs). {{className: 'lead'}}
 
-<Libraries />;
+<Libraries />

src/components/Navigation.jsx

@@ -194,8 +194,8 @@ export const navigation = [
       {title: 'Install', href: '/docs/install'},
       {title: 'SDKs', href: '/docs/sdks'},
       {title: 'Todo Example', href: '/docs/examples/todos'},
-      {title: 'File System Example', href: '/docs/examples/todos'},
-      {title: 'Airdrop Example', href: '/docs/examples/todos'},
+      {title: 'File System Example', href: '/docs/examples/fs'},
+      {title: 'Airdrop Example', href: '/docs/examples/airdrop'},
     ],
   },
   {title: 'Concepts',

src/components/mdx.jsx

@@ -12,8 +12,12 @@ export {Button} from '@/components/Button';
 export {CodeGroup, Code as code, Pre as pre} from '@/components/Code';
 import {pathLayout} from './Layout';
 
-export function Wrapper({children}) {
+// for some silly reason this _must_ be exported as lower-case "wrapper"
+// which irritates the linter. Linter is disabled for the moment
+export function wrapper({children}) {
+  /* eslint-disable react-hooks/rules-of-hooks */
   const path = usePathname();
+
   switch (pathLayout(path)) {
     case 'docs':
       return (