fix fontawesome icons

src/components/Skills.tsx

@@ -20,6 +20,7 @@ const getFaClassByName = (name: string): string => {
   if (n.includes('ts') || n.includes('typescript')) return 'fa-brands fa-js';
   if (n.includes('html')) return 'fa-brands fa-html5';
   if (n.includes('css')) return 'fa-brands fa-css3-alt';
+  if (n.includes('tailwind')) return 'fa-brands fa-tailwind-css';
   if (n.includes('python')) return 'fa-brands fa-python';
   if (n.includes('flutter')) return 'fa-solid fa-mobile-screen-button';
   if (n.includes('mysql') || n.includes('sql') || n.includes('database') || n.includes('mongo') || n.includes('postgres')) return 'fa-solid fa-database';

src/layouts/Layout.astro

@@ -45,7 +45,7 @@ const isRootPage = Astro.url.pathname === '/';
 		<SEO title={title} description={description} image={image} type={type} />
 		
 		<!-- FontAwesome 6 Icons -->
-		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+		// <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
 
 		<!-- Astro ClientRouter for seamless SPA page transitions (no reload, no twitch) -->
 		<ClientRouter />

src/styles/global.css

@@ -2,6 +2,8 @@
 
 @import "tailwindcss";
 
+@import "@fortawesome/fontawesome-free/css/all.min.css";
+
 @layer base {
   :root {
     --font-heading: 'Space Grotesk', system-ui, sans-serif;