fix nav popup. fix table of contents

Author: gradientsearch

src/components/root/mobileNav.svelte

@@ -10,18 +10,13 @@
 		isOpen = !isOpen;
 	}
 
-	let openState = $state(false);
-
-	function popoverClose() {
-		openState = false;
-	}
 </script>
 
 <div class="flex items-center justify-center lg:hidden">
 	<Popover
 		zIndex="100"
-		open={openState}
-		onOpenChange={(e) => (openState = e.open)}
+		open={isOpen}
+		onOpenChange={(e) => (isOpen = e.open)}
 		positioning={{ placement: 'top' }}
 		triggerBase="btn preset-tonal"
 		contentBase="card bg-surface-200-800 p-4 space-y-4 max-w-[320px]"

src/routes/(main)/blog/2/+page.svelte

@@ -149,9 +149,8 @@ jobs:
 
 	<PageParagraph>Let's dive into the steps!</PageParagraph>
 
-	<TableOfContents />
 
-	<div use:tocCrawler={{ mode: 'generate' }}>
+	<div>
 		<PageHeader className="">1. Configuring Svelte to Build a Static Site</PageHeader>
 
 		<PageParagraph>Disable SSR, enable prerendering, and remove trailing slashes.</PageParagraph>

src/routes/(main)/blog/7/+page.svelte

@@ -179,8 +179,6 @@ bundleLock := bundleMapOfMu.Lock(bundlePath)
 defer bundleLock.Unlock()`
 </script>
 
-<!-- POST 2 -->
-
 <PageLayout {backHref} {backText} {title} {date}>
 	<PageSubtitle className="underline underline-offset-8 decoration-sky-500"
 		>Synchronizing PwManager: Preventing Race Conditions When Sharing Password Bundles</PageSubtitle

src/routes/(main)/quotes/+page.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
 	import { ArrowUp, Link } from 'lucide-svelte';
-	import Simple from '../../../components/layout/simple.svelte';
 
 	import { quotes } from './quotes';
 	import { onMount } from 'svelte';
@@ -67,9 +66,29 @@
 		<ArrowUp size={64}></ArrowUp>
 	</button>
 
-	<TableOfContents class="my-16" />
 
-	<div use:tocCrawler={{ mode: 'generate' }}>
+<nav class="p-4 my-16">
+	<!-- Table of Contents -->
+	<div class="text-sm space-y-2">
+	  <!-- Label -->
+	  <div class="font-bold">On This Page</div>
+	  <!-- Links -->
+	  <ul class="space-y-2">
+		{#each quotes as [k, v]}
+		<li>
+			<a href={'#'+k.toLocaleLowerCase().replaceAll(' ', '-')} class="anchor block">
+			  {k }
+			</a>
+		  </li>
+
+		{/each}
+
+	  </ul>
+	</div>
+  </nav>
+
+
+	<div >
 		{#each quotes as [k, v]}
 			<article>
 				<header class="flex flex-row items-center">