Update About and Visualize pages to new stylesheet and add GitCitadel infos.

src/routes/about/+page.svelte

@@ -1,43 +1,15 @@
-<div id="content">
-  <div>1</div>
-  <div>2</div>
-  <div>
-    Lorem Ipsum is simply dummy text of the printing and typesetting industry.
-    Lorem Ipsum has been the industry's standard dummy text ever since the
-    1500s, when an unknown printer took a galley of type and scrambled it to
-    make a type specimen book. It has survived not only five centuries, but also
-    the leap into electronic typesetting, remaining essentially unchanged. It
-    was popularised in the 1960s with the release of Letraset sheets containing
-    Lorem Ipsum passages, and more recently with desktop publishing software
-    like Aldus PageMaker including versions of Lorem Ipsum.
-  </div>
-  <div>4</div>
-  <div>5</div>
-  <div>6</div>
-  <div>7</div>
-  <div>8</div>
-  <div>9</div>
-</div>
+<script lang='ts'>
+  import { Heading } from "flowbite-svelte";
 
-<style>
-  #content {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    grid-template-rows: repeat(3, minmax(150px, auto));
-    /* grid-auto-row: 200px; */
-    gap: 10px;
-    color: green;
-    background-color: black;
-  }
+  
+</script>
 
-  #content > div {
-    background-color: blue;
-    padding: 10px;
-    font-size: 30px;
-    text-align: center;
-  }
-  #content div:nth-child(even) {
-    background: #777;
-    padding: 30px;
-  }
-</style>
+<div class='w-full flex justify-center'>
+  <main class='main-leather flex flex-col space-y-4 max-w-2xl w-full mt-4 mb-4'>
+    <Heading tag='h1' class='h-leather mb-2'>About</Heading>
+    <p>Alexandria is a <a href="https://wikistr.com/nkbip-01" class="text-indigo-600 underline">Nostr Knowledge Base (NKB)</a> and a reader for long-form articles.
+      It is produced by <a href="https://wikistr.com/gitcitadel-project" class="text-indigo-600 underline">GitCitadel</a>.</p>
+
+    <p>Please submit support issues on the <a href="https://gitworkshop.dev/r/naddr1qvzqqqrhnypzplfq3m5v3u5r0q9f255fdeyz8nyac6lagssx8zy4wugxjs8ajf7pqy88wumn8ghj7mn0wvhxcmmv9uqq5emfw33kjarpv3jkcs83wav" class="text-indigo-600 underline">GitWorkshop page</a>.</p>
+  </main>
+</div>

src/routes/visualize/+page.svelte

@@ -0,0 +1,12 @@
+<script lang='ts'>
+  import { Heading } from "flowbite-svelte";
+
+  
+</script>
+
+<div class='w-full flex justify-center'>
+  <main class='main-leather flex flex-col space-y-4 max-w-2xl w-full mt-4 mb-4'>
+    <Heading tag='h1' class='h-leather mb-2'>Visualize</Heading>
+    <p>Coming soon.</p>
+  </main>
+</div>