Restructure and extra stuff

src/components/links/linkContainer.astro

@@ -0,0 +1,58 @@
+---
+import LinkCard from "./linkCard.astro"
+
+import mastodon from 'iconoir/icons/mastodon.svg'
+import youtube from 'iconoir/icons/youtube.svg'
+import forgejo from '@assets/custom-svg/forgejo.svg'
+import rayshift from '@assets/custom-svg/rayshift.svg'
+import twitch from '@assets/custom-svg/twitch.svg'
+
+const links = [
+  {
+    link: "https://www.youtube.com/@Firq_",
+    icon: youtube,
+    text: "Youtube",
+  },
+  {
+    link: "https://mastodon.neshweb.net/@Firq",
+    icon: mastodon,
+    text: "Mastodon",
+  },
+  {
+    link: "https://twitch.tv/Firq",
+    icon: twitch,
+    text: "Twitch",
+  },
+  {
+    link: "https://forgejo.neshweb.net/Firq",
+    icon: forgejo,
+    text: "Forgejo",
+  },
+  {
+    link: "https://rayshift.io/na/firq",
+    icon: rayshift,
+    text: "Rayshift",
+  }
+]
+---
+
+<div>
+  {
+    links.map(
+      (item) => <LinkCard {...item} />
+    )
+  }
+</div>
+
+<style>
+  div {
+    margin-top: .75rem;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: auto;
+    column-gap: 0.5rem;
+  }
+</style>