fix: resolve CSP violations and... whatever was wrong with @atproto/api

- Add CSP directives for Google Fonts (style-src-elem, font-src)
- Include @atproto/api in Vite optimizeDeps (something about CommonJS?)
- Replace flex-grow with grow utility class in layout

Fixes CSP blocking of fonts.googleapis.com and fonts.gstatic.com
Apparently Vite needed to transform @atproto/api or something? It works now.

src/routes/+layout.svelte

···
 >
 	<Header />
 
-	<main class="container mx-auto flex-grow px-4 py-8">
+	<main class="container mx-auto grow px-4 py-8">
 		<ScrollToTop />
 		{@render children()}
 	</main>

svelte.config.js

···
 			directives: {
 				'default-src': ['self'],
 				'script-src': ['self', 'unsafe-inline'],
-				'style-src': ['self', 'unsafe-inline'],
+				'style-src': ['self', 'unsafe-inline', 'https://fonts.googleapis.com'],
+				'style-src-elem': ['self', 'unsafe-inline', 'https://fonts.googleapis.com'],
 				'img-src': ['self', 'data:', 'https:'],
-				'font-src': ['self', 'data:'],
+				'font-src': ['self', 'data:', 'https://fonts.gstatic.com'],
 				'connect-src': ['self', 'https:'],
 				'media-src': ['self', 'https:']
 			}

vite.config.ts

···
 	},
 	
 	optimizeDeps: {
-		include: ['@lucide/svelte', 'hls.js'],
-		exclude: ['@atproto/api']
+		include: ['@lucide/svelte', 'hls.js', '@atproto/api']
 	},
 	
 	server: {