Some icons and basic tweaks for the visuals

src/lib/components/Footer.svelte

@@ -1,3 +1,9 @@
+<script lang="ts">
+    import LinkedInIcon from './Icon/LinkedIn.svelte';
+    import GithubIcon from './Icon/Github.svelte';
+    import ExternalLinkIcon from './Icon/ExternalLink.svelte';
+</script>
+
 <footer class="footer">
     <div class="container">
         <p class="copyright">
@@ -5,17 +11,27 @@
         </p>
         <nav class="footer-links" aria-label="Social media links">
             <a
+                class="link"
                 href="https://linkedin.com/in/the-mifi"
                 target="_blank"
                 rel="noopener noreferrer"
-                aria-label="LinkedIn profile (opens in new tab)">LinkedIn</a
+                aria-label="LinkedIn profile (opens in new tab)"
             >
+                <LinkedInIcon size="15" />
+                LinkedIn
+                <ExternalLinkIcon aria-label="Opens in new tab" size="15" />
+            </a>
             <a
+                class="link"
                 href="https://github.com/the-mifi"
                 target="_blank"
                 rel="noopener noreferrer"
-                aria-label="GitHub profile (opens in new tab)">GitHub</a
+                aria-label="GitHub profile (opens in new tab)"
             >
+                <GithubIcon size="15" />
+                GitHub
+                <ExternalLinkIcon aria-label="Opens in new tab" size="15" />
+            </a>
         </nav>
     </div>
 </footer>
@@ -35,4 +51,11 @@
         color: var(--color-text-tertiary);
         max-width: 100%;
     }
+
+    .link {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: var(--space-xs);
+    }
 </style>