added default links to mobile menu

src/components/MobileNavigation.jsx

@@ -5,7 +5,13 @@ import { useEffect, useState } from 'react'
 
 import { Navigation } from '@/components/Navigation'
 import { Sections } from '@/components/products/Sections'
-import { ChevronLeftIcon, HomeIcon } from '@heroicons/react/20/solid'
+import {
+  BookOpenIcon,
+  ChevronLeftIcon,
+  ComputerDesktopIcon,
+  HomeIcon,
+  SparklesIcon,
+} from '@heroicons/react/20/solid'
 import { IconWithName } from './products/IconWithName'
 
 function MenuIcon(props) {
@@ -88,23 +94,39 @@ export function MobileNavigation({ page }) {
             </Link>
           </div>
           <Link
-                href="/"
-                className="mt-12 flex items-center gap-2 text-slate-900 dark:text-white"
+            href="/"
+            className="mt-12 flex items-center gap-2 text-slate-900 dark:text-white"
+          >
+            <HomeIcon height={20} /> Home
+          </Link>
+          {/* {page.product.name != 'Metaplex' && (
+            <> */}
+              <Link
+                href="/programs-and-tools"
+                className="mt-4 flex items-center gap-2 text-slate-900 dark:text-white"
               >
-                <HomeIcon height={20} /> Home
+                <ComputerDesktopIcon height={20} /> Programs and Tools
               </Link>
-          {page.product.name != 'Metaplex' && (
-            <>
               <Link
-                href="/programs-and-tools"
+                href="/aura"
                 className="mt-4 flex items-center gap-2 text-slate-900 dark:text-white"
               >
-                <ChevronLeftIcon height={20} /> Programs and Tools
+                <SparklesIcon height={20} /> Aura
               </Link>
-            </>
-          )}
+            {/* </>
+          )} */}
+          {/* {page.product.name == 'Metaplex' && ( */}
+            <Link
+            href="/guides"
+            className="mt-4 flex items-center gap-2 text-slate-900 dark:text-white"
+          >
+            <BookOpenIcon height={20} /> Guides
+          </Link>
+          {/* )} */}
 
-          <div className="text-black dark:text-white mt-8 text-2xl font-bold">{page.product.name}</div>
+          <div className="mt-8 text-2xl font-bold text-black dark:text-white">
+            {page.product.name}
+          </div>
 
           {page.product.sections && page.product.sections.length > 1 && (
             <Sections