Removed hyperlinked icon and replaced with button redirect logic (#183)

Author: joseph-flinn

frontend/src/lib/components/Socials.svelte

@@ -1,10 +1,12 @@
 <script>
-    const data = [
-        {"link":"https://joseph.flinnlab.com/rss.xml", "icon": "fa-rss", "extra": ""},
-        {"link":"https://linkedin.com/in/joseph-flinn", "icon": "fa-linkedin-square", "extra": ""},
-        {"link":"https://github.com/joseph-flinn", "icon": "fa-github", "extra": ""},
-        {"link":"https://blog-images.flinnlab.com/resume-joseph-flinn.pdf", "icon": "fa-download", "extra": "CV"},
-    ];
+  import { goto } from "$app/navigation";
+
+  const data = [
+      {"link":"https://joseph.flinnlab.com/rss.xml", "icon": "fa-rss", "extra": ""},
+      {"link":"https://linkedin.com/in/joseph-flinn", "icon": "fa-linkedin-square", "extra": ""},
+      {"link":"https://github.com/joseph-flinn", "icon": "fa-github", "extra": ""},
+      {"link":"https://blog-images.flinnlab.com/resume-joseph-flinn.pdf", "icon": "fa-download", "extra": "CV"},
+  ];
 
 </script>
 
@@ -14,15 +16,13 @@
     <div 
       class="social-button"
       on:click={() => {
-        goto(link.link).then(() => {})
+        window.location.href = link.link;
       }}
     >
-      <a href={link.link}>
-        <i class="fa {link.icon}"/>
-        {#if link.extra != ""}
-         {link.extra}
-        {/if}
-      </a>
+      <i class="fa {link.icon}"/>
+      {#if link.extra != ""}
+       {link.extra}
+      {/if}
     </div>
   {/each}
 </div>