Add stats plugin to Vite, move Inter font to self-hosting/npm

frontend/components/ReedPage/ReedPage.css

@@ -55,14 +55,14 @@
 .reed-page__h1 {
   margin: 0;
   font-size: var(--font-size-large);
-  font-weight: bold;
+  font-weight: 600;
   color: var(--color-dark);
 }
 
 .reed-page__h2 {
   margin: 0;
   font-size: var(--font-size-large);
-  font-weight: bold;
+  font-weight: 600;
   color: var(--color-base);
 }
 

frontend/components/ReedSummary/ReedSummary.css

@@ -57,7 +57,7 @@
   grid-area: title;
   margin: 0;
   font-size: var(--font-size-large);
-  font-weight: bold;
+  font-weight: 600;
   color: var(--color-dark);
 }
 .reed-summary__last-update {

frontend/index.css

@@ -9,8 +9,8 @@
 @import 'components/ReedSummary/ReedSummary.css';
 @import 'components/Topbar/Topbar.css';
 @import 'components/ReedPage/ReedPage.css';
-
-@import 'https://fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap';
+@import '@fontsource/inter/300.css';
+@import '@fontsource/inter/600.css';
 
 :root {
   --color-earth: #edc7b7;
@@ -53,7 +53,7 @@ body {
 
 h1 {
   font-size: var(--font-size-molto);
-  font-weight: bold;
+  font-weight: 600;
   color: var(--color-dark);
   margin: 0 0 16px 0;
 }

package.json

@@ -29,6 +29,7 @@
   },
   "homepage": "https://github.com/eirslett/unreed-app#readme",
   "dependencies": {
+    "@fontsource/inter": "^5.0.18",
     "clsx": "^2.1.1",
     "cookie-parser": "^1.4.6",
     "date-fns": "^3.6.0",
@@ -54,6 +55,7 @@
     "@types/uuid": "^9.0.8",
     "@vitejs/plugin-react": "^4.2.1",
     "prettier": "^3.2.5",
+    "rollup-plugin-visualizer": "^5.12.0",
     "storybook": "^8.0.10",
     "typescript": "^5.4.5",
     "vite": "^5.2.11"