moved and rewrote table-of-contents.svelte to use stateful design

src/routes/blog/[year]/[date]/+page.svelte

@@ -1,7 +1,7 @@
 <script>
     import Banner2 from "$lib/banner2.svelte";
     import Content from "$lib/viewport/content.svelte";
-    import TableOfContents from "$lib/table-of-contents.svelte";
+    import TableOfContents from "$lib/components/table-of-contents.svelte";
 
 	export let data;
 </script>

src/routes/meta/about/+page.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import Banner2 from "$lib/banner2.svelte";
     import Content from "$lib/viewport/content.svelte";
-    import TableOfContents from "$lib/table-of-contents.svelte";
+    import TableOfContents from "$lib/components/table-of-contents.svelte";
     import LinkList, { type LinkEntry } from "$lib/lists/link-list.svelte";
 
     let favouriteAlbums: LinkEntry[] = [

src/routes/projects/+page.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import Banner2 from "$lib/banner2.svelte";
-    import TableOfContents from "$lib/table-of-contents.svelte";
+    import TableOfContents from "$lib/components/table-of-contents.svelte";
     import { type Project, games, hardware, apps, music } from './projects';
     import LinkList from "$lib/lists/link-list.svelte";
     import Content from "$lib/viewport/content.svelte";

src/routes/projects/daisyfm/+page.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import Banner2 from "$lib/banner2.svelte";
     import Content from "$lib/viewport/content.svelte";
-    import TableOfContents from "$lib/table-of-contents.svelte";
+    import TableOfContents from "$lib/components/table-of-contents.svelte";
 </script>
 
 <svelte:head>

src/routes/projects/projectn5/devlog/[year]/[date]/+page.svelte

@@ -1,7 +1,7 @@
 <script>
     import Banner2 from "$lib/banner2.svelte";
     import Content from "$lib/viewport/content.svelte";
-    import TableOfContents from "$lib/table-of-contents.svelte";
+    import TableOfContents from "$lib/components/table-of-contents.svelte";
 
 	export let data;
 </script>