feat: Added LinkedIn icon to footer and updated link

Author: EGAMAGZ

src/components/Footer.astro

@@ -3,6 +3,7 @@ import IconFacebookBrand from "./icons/IconFacebookBrand.astro";
 import IconInstagramBrand from "./icons/IconInstagramBrand.astro";
 import IconGithubBrand from "./icons/IconGithubBrand.astro";
 import IconXBrand from "./icons/IconXBrand.astro";
+import IconLinkedInBrand from "./icons/IconLinkedInBrand.astro";
 ---
 
 <footer class="bg-gray-900 text-white py-6">
@@ -13,11 +14,11 @@ import IconXBrand from "./icons/IconXBrand.astro";
        aria-label="Facebook">
       <IconFacebookBrand class="size-6" />
     </a>
-    <a href="https://x.com/DevsUpiics48486"
+    <a href="https://www.linkedin.com/company/binary-brains-upiicsa/"
        class="text-gray-400 hover:text-white mr-4 rounded-full p-2 bg-transparent"
        target="_blank"
-       aria-label="X (formerly Twitter)">
-      <IconXBrand class="size-6" />
+       aria-label="LinkedIn">
+       <IconLinkedInBrand class="size-6" />
     </a>
     <a href="https://www.instagram.com/bbupiicsa/"
        class="text-gray-400 hover:text-white mr-4 rounded-full p-2 bg-transparent"

src/components/icons/IconLinkedInBrand.astro

@@ -0,0 +1,23 @@
+---
+interface Props {
+    class?: string;
+}
+
+const { class: className } = Astro.props;
+---
+
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class={`icon icon-tabler icons-tabler-outline icon-tabler-brand-linkedin ${className ?? "size-6"}`}
+    ><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M8 11v5"
+    ></path><path d="M8 8v.01"></path><path d="M12 16v-5"></path><path
+        d="M16 16v-3a2 2 0 1 0 -4 0"></path><path
+        d="M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4z"
+    ></path></svg
+>