Use marked to finish localizing the About page

Added a link to Daniru's Twitter as well.

Author: CenTdemeern1

package-lock.json

@@ -39,6 +39,7 @@
 	"type": "module",
 	"dependencies": {
 		"daisyui": "^2.46.0",
+		"marked": "^5.1.0",
 		"sveltekit-i18n": "^2.2.2"
 	}
 }

package.json

@@ -2,5 +2,7 @@
     "pagename": "About",
     "header": "About",
     "watsonindustrieslogo.alttext": "Watson Industries logo",
-    "description": ""
+    "description": "Watson Industries was founded on **Amelia's Birthday, January 6th**, and is the embodiment of the best parts of Ame, TeaMates, and Investigators:\n- creativity\n- talent\n- innovation\n- humor\n\nThe website is a living, non-profit open source project and is open to contributions.\n<br/><br/>\nWatsonIndustries.live is a fan project dedicated to [Amelia Watson](https://hololive.hololivepro.com/en/talents/watson-amelia/) of HololiveEN and is not associated with Cover Corp or Hololive Productions in any way. The project falls under the [Fan Work Guidelines](https://en.hololive.tv/terms).",
+    "featured.header": "Want your content featured here?",
+    "featured.description": "A process will come soon, for now you can simply DM [@DaniruKun on Twitter](https://twitter.com/danirukun)."
 }

src/lib/lang/en/about.json

@@ -13,6 +13,8 @@
 			pagename: $t("about.pagename")
 		} as any // TS moment
 	);
+
+    import { parse } from "marked";
 </script>
 
 <svelte:head>
@@ -29,41 +31,14 @@
         />
     </div>
 
-    <div class="mx-8 sm:mx-80 md:mx-32 text-xl">
-        <p>
-            <br />
-            Watson Industries was founded on
-            <strong>Amelia's Birthday, January 6th</strong>, and is the
-            embodiment of the best parts of Ame and TeaMates and Investigators:
-        </p>
-        <ul class="list-disc px-6 my-4">
-            <li>creativity</li>
-            <li>talent</li>
-            <li>innovation</li>
-            <li>humor</li>
-        </ul>
-        <p>
-            The website is a living, non-profit open source project and is open
-            to contributions.
-        </p>
-        <br />
-        WatsonIndustries.live is a fan project dedicated to
-        <a
-            href="https://hololive.hololivepro.com/en/talents/watson-amelia/"
-            class="underline">Amelia Watson</a
-        >
-        of HololiveEN and is not associated with Cover Corp or Hololive Productions
-        in any way. The project falls under the
-        <a href="https://en.hololive.tv/terms" class="underline"
-            >Fan Work Guidelines</a
-        >.
+    <div class="mx-8 sm:mx-80 md:mx-32 text-xl [&>ul]:list-disc [&>ul]:px-6 [&>ul]:my-4 [&>p>a]:underline">
+        {@html parse($t("about.description"))}
     </div>
 
     <h2 class="text-center text-4xl font-bold font-norwester">
-        Want your content featured here?
+        {$t("about.featured.header")}
     </h2>
-    <p class="text-center mx-8 text-xl">
-        A process will come soon, for now you can simply DM @DaniruKun on
-        Twitter.
+    <p class="text-center mx-8 text-xl [&>p>a]:underline">
+        {@html parse($t("about.featured.description"))}
     </p>
 </div>