chore: Update frontend styling and package dependencies

- Update web-vite HTML template and CSS styling
- Update package.json dependencies
- Refresh yarn.lock with latest dependency versions

packages/api-nest/package.json

@@ -28,11 +28,12 @@
     "schema:drop": "npm run typeorm -- schema:drop"
   },
   "dependencies": {
+    "@apollo/server": "^4.11.1",
+    "@nestjs/apollo": "^12.0.11",
     "@nestjs/common": "^10.0.0",
     "@nestjs/config": "^3.0.0",
     "@nestjs/core": "^10.0.0",
-    "@nestjs/graphql": "^13.1.0",
-    "@nestjs/graphql-workspace": "nestjs/graphql",
+    "@nestjs/graphql": "^12.0.11",
     "@nestjs/jwt": "^10.0.0",
     "@nestjs/passport": "^10.0.0",
     "@nestjs/platform-express": "^10.0.0",
@@ -41,6 +42,7 @@
     "@nestjs/typeorm": "^10.0.0",
     "bcrypt": "^5.1.1",
     "google-auth-library": "^9.0.0",
+    "graphql": "^16.11.0",
     "ioredis": "^5.3.2",
     "jwk-to-pem": "^2.0.5",
     "class-transformer": "^0.5.1",

packages/web-vite/index.html

@@ -6,6 +6,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Omnivore - Read-it-later for serious readers</title>
 
+    <!-- Inter font from Google Fonts (instant loading) -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
+
     <!-- Google Sign-In -->
     <script src="https://accounts.google.com/gsi/client" async defer></script>
   </head>

packages/web-vite/src/index.css

@@ -1,59 +1,5 @@
-/* Inter font faces */
-@font-face {
-  font-family: 'Inter';
-  font-weight: 200;
-  font-style: normal;
-  src: url('/static/fonts/Inter/Inter-ExtraLight-200.ttf');
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-weight: 300;
-  font-style: normal;
-  src: url('/static/fonts/Inter/Inter-Light-300.ttf');
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-weight: 400;
-  font-style: normal;
-  src: url('/static/fonts/Inter/Inter-Regular-400.ttf');
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-weight: 500;
-  font-style: normal;
-  src: url('/static/fonts/Inter/Inter-Medium-500.ttf');
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-weight: 600;
-  font-style: normal;
-  src: url('/static/fonts/Inter/Inter-SemiBold-600.ttf');
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-weight: 700;
-  font-style: normal;
-  src: url('/static/fonts/Inter/Inter-Bold-700.ttf');
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-weight: 800;
-  font-style: normal;
-  src: url('/static/fonts/Inter/Inter-ExtraBold-800.ttf');
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-weight: 900;
-  font-style: normal;
-  src: url('/static/fonts/Inter/Inter-Black-900.ttf');
-}
+/* Inter font loaded from Google Fonts via <link> in index.html for instant loading */
+/* Removed local @font-face declarations that were blocking page load */
 
 :root {
   font-size: 112.5%;