optimize images for faster loading, fix meta description tag

src/routes/__root.tsx

@@ -1,3 +1,6 @@
+import "@fontsource-variable/ibm-plex-sans";
+import "@phosphor-icons/web/regular/style.css";
+
 import { i18n } from "@lingui/core";
 import { I18nProvider } from "@lingui/react";
 import { IconContext } from "@phosphor-icons/react";
@@ -50,7 +53,7 @@ export const Route = createRootRouteWithContext<RouterContext>()({
 			meta: [
 				{ title },
 				{ charSet: "UTF-8" },
-				{ meta: "description", content: description },
+				{ name: "description", content: description },
 				{ name: "viewport", content: "width=device-width, initial-scale=1" },
 				// Twitter Tags
 				{ property: "twitter:image", content: `${appUrl}/opengraph/banner.jpg` },

src/routes/_home/-sections/hero.tsx

@@ -27,6 +27,7 @@ export function Hero() {
 						muted
 						autoPlay
 						playsInline
+						fetchpriority="high"
 						src="/videos/timelapse.webm"
 						aria-label={t`Timelapse demonstration of building a resume with Reactive Resume`}
 						className="pointer-events-none aspect-video size-full rounded-lg border object-cover shadow-2xl"

src/styles/globals.css

@@ -4,12 +4,6 @@
 @import "tw-animate-css";
 @import "shadcn/tailwind.css";
 
-/* Fonts */
-@import "@fontsource-variable/ibm-plex-sans";
-
-/* Phosphor Icons */
-@import "@phosphor-icons/web/regular/style.css";
-
 @custom-variant dark (&:is(.dark *));
 
 :root {

src/vite-env.d.ts

@@ -1,11 +1,19 @@
 /// <reference types="vite-plugin-pwa/client" />
 
+import type { AriaAttributes, DOMAttributes } from "react";
+
 declare const __APP_VERSION__: string;
 
 declare module "*.css";
 declare module "@fontsource/*" {}
 declare module "@fontsource-variable/*" {}
 
+declare module "react" {
+	interface HTMLAttributes<T> extends AriaAttributes, DOMAttributes<T> {
+		fetchpriority?: "high" | "low" | "auto";
+	}
+}
+
 declare namespace NodeJS {
 	interface ProcessEnv {
 		// Basics

tsconfig.json

@@ -22,7 +22,7 @@
 		"noUnusedLocals": true,
 		"noUnusedParameters": true,
 		"noFallthroughCasesInSwitch": true,
-		"noUncheckedSideEffectImports": true,
+		"noUncheckedSideEffectImports": false,
 
 		/* Paths */
 		"baseUrl": ".",