make newtab cleaner + switch twitter for my akkoma instance

src/components/newtab.astro

@@ -0,0 +1,7 @@
+<div>
+    {
+        Object.keys(Astro.props.entries).map(k => (
+            <a href = {Astro.props.entries[k]}>{k}</a><br>
+        ))
+    }
+</div>

src/pages/index.astro

@@ -9,6 +9,6 @@ import Base from '../layout/Base.astro'
     <p>Check me out on</p>
     <a href = "https://github.com/Ruthenic">Github</a><br>
     <a href = "https://www.last.fm/user/DustyAngel47">Last.fm</a><br>
-    <a href = "https://twitter.com/RuthenicDawn208">Twitter</a><br>
+    <a href = "https://social.ruthenic.com/ruthenic">Fediverse</a><br>
     <a href = "https://www.youtube.com/channel/UC5BfTH4lP7rY5q3qSAvpvhA">Youtube</a><br>
 </Base>

src/pages/newtab.astro

@@ -1,14 +1,14 @@
 ---
 import Base from '../layout/BaseHeaderless.astro'
+import Newtab from '../components/newtab.astro'
 ---
 
 <Base title="ruthenic.com: Example Page">
-	<a href = "https://youtube.com">Youtube</a><br>
-	<a href = "https://twitter.com">Twitter</a><br>
-	<a href = "https://git.ruthenic.com">git.ruthenic.com</a><br>
-	<a href = "https://github.com">Github</a><br>
-	<a href = "https://reddit.com">Reddit</a><br>
-	<a href = "https://www.ruthenic.com">ruthenic.com</a><br>
-	<a href = "https://archiveofourown.org">AO3 (Archive Of Our Own)</a><br>
-	<a href = "https://hazbinhotel.fandom.com">Hazbin Hotel Wikia</a><br>
+	<Newtab entries={{
+		Youtube: "https://youtube.com",
+		Fediverse: "https://social.ruthenic.com",
+		Gitea: "https://git.ruthenic.com",
+		"ruthenic.com": "https://ruthenic.com",
+		AO3: "https://archiveofourown.org"
+	}}/>
 </Base>