Fix document title: use correct TanStack Router head format and render HeadContent

Co-authored-by: Julius Marminge <juliusmarminge@users.noreply.github.com>

Author: cursoragent

apps/web/src/routes/__root.tsx

@@ -1,5 +1,6 @@
 import { ThreadId } from "@t3tools/contracts";
 import {
+  HeadContent,
   Outlet,
   createRootRouteWithContext,
   type ErrorComponentProps,
@@ -27,26 +28,30 @@ export const Route = createRootRouteWithContext<{
   component: RootRouteView,
   errorComponent: RootRouteErrorView,
   head: () => ({
-    meta: [{ name: "title", content: APP_DISPLAY_NAME }],
+    meta: [{ title: APP_DISPLAY_NAME }],
   }),
 });
 
 function RootRouteView() {
   if (!readNativeApi()) {
     return (
-      <div className="flex h-screen flex-col bg-background text-foreground">
-        <div className="flex flex-1 items-center justify-center">
-          <p className="text-sm text-muted-foreground">
-            Connecting to {APP_DISPLAY_NAME} server...
-          </p>
+      <>
+        <HeadContent />
+        <div className="flex h-screen flex-col bg-background text-foreground">
+          <div className="flex flex-1 items-center justify-center">
+            <p className="text-sm text-muted-foreground">
+              Connecting to {APP_DISPLAY_NAME} server...
+            </p>
+          </div>
         </div>
-      </div>
+      </>
     );
   }
 
   return (
     <ToastProvider>
       <AnchoredToastProvider>
+        <HeadContent />
         <EventRouter />
         <DesktopProjectBootstrap />
         <Outlet />