Refactor social platform imports and create a new socialPlatforms library

Author: brylie

src/components/Footer.astro

@@ -1,7 +1,7 @@
 ---
 import Social from "./Social.astro";
 import License from "./License.astro";
-import { SocialPlatform } from "../data/socialPlatforms";
+import { SocialPlatform } from "../lib/socialPlatforms";
 import { Icon } from "astro-icon/components";
 ---
 

src/components/Social.astro

@@ -1,6 +1,6 @@
 ---
 import { Icon } from "astro-icon/components";
-import type { SocialPlatform } from "../data/socialPlatforms";
+import type { SocialPlatform } from "../lib/socialPlatforms";
 
 interface Props {
   platform: SocialPlatform;
@@ -13,7 +13,7 @@ const socialPlatforms = {
   bluesky: {
     url: `https://bsky.app/profile/${username}`,
     title: "Bluesky",
-    icon: "mdi:bird",
+    icon: "logos:bluesky",
     color:
       "bg-sky-100 dark:bg-sky-900/40 text-sky-800 dark:text-sky-300 hover:bg-sky-200 dark:hover:bg-sky-800/60 hover:text-sky-900 dark:hover:text-sky-200",
   },
@@ -27,21 +27,21 @@ const socialPlatforms = {
   github: {
     url: `https://github.com/${username}`,
     title: "GitHub",
-    icon: "mdi:github",
+    icon: "logos:github-icon",
     color:
       "bg-gray-100 dark:bg-gray-800/40 text-gray-800 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-700/60 hover:text-gray-900 dark:hover:text-gray-200",
   },
   linkedin: {
     url: `https://linkedin.com/in/${username}`,
     title: "LinkedIn",
-    icon: "mdi:linkedin",
+    icon: "logos:linkedin-icon",
     color:
       "bg-blue-100 dark:bg-blue-900/40 text-blue-800 dark:text-blue-300 hover:bg-blue-200 dark:hover:bg-blue-800/60 hover:text-blue-900 dark:hover:text-blue-200",
   },
   youtube: {
     url: `https://youtube.com/@${username}`,
     title: "YouTube",
-    icon: "mdi:youtube",
+    icon: "logos:youtube-icon",
     color:
       "bg-red-100 dark:bg-red-900/40 text-red-800 dark:text-red-300 hover:bg-red-200 dark:hover:bg-red-800/60 hover:text-red-900 dark:hover:text-red-200",
   },