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"