Improve LCP: move Poppins to async HTML link, add google-analytics preconnect

- Remove @import from styled-component (runtime injection, created critical chain)
- Consolidate Roboto + Poppins into a single async Google Fonts request in index.html
- Add preconnect hint for google-analytics.com (~80ms LCP savings)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: ChengaDev

public/index.html

@@ -71,14 +71,15 @@
 		<!-- Google Fonts — load async, don't block render -->
 		<link rel="preconnect" href="https://fonts.googleapis.com" />
 		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" />
+		<link rel="preconnect" href="https://www.google-analytics.com" />
 		<link
 			rel="preload"
-			href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap"
+			href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&family=Poppins:wght@400;500;600;700;800&display=swap"
 			as="style"
 			onload="this.rel='stylesheet'"
 		/>
 		<noscript>
-			<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet" />
+			<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&family=Poppins:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
 		</noscript>
 		<style>
 			body {

src/components/Navigation.tsx

@@ -108,8 +108,6 @@ const Navigation = ({ currentTheme, setTheme }: NavigationProps) => {
 }
 
 const Container = styled.div`
-  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
-
   nav {
     background: rgba(0, 0, 0, 0.8) !important;
     backdrop-filter: blur(10px);