use resource name in ssh/rdp/vnc page meta

src/app/vnc/page.tsx

@@ -1,33 +1,17 @@
-import { headers } from "next/headers";
-import { priv } from "@app/lib/api";
-import { AxiosResponse } from "axios";
-import { GetBrowserTargetResponse } from "@server/routers/browserGatewayTarget";
+import { generateBrowserGatewayMetadata } from "@app/lib/browserGatewayMetadata";
+import { getBrowserTargetForRequest } from "@app/lib/getBrowserTargetForRequest";
 import VncClient from "./VncClient";
 import AuthFooter from "@app/components/AuthFooter";
 
 export const dynamic = "force-dynamic";
 
-export const metadata = {
-    title: "VNC"
-};
+export async function generateMetadata() {
+    return generateBrowserGatewayMetadata("VNC");
+}
 
 export default async function VncPage() {
-    const headersList = await headers();
-    const host = headersList.get("host") || "";
-    const hostname = host.split(":")[0];
-
-    let target: GetBrowserTargetResponse | null = null;
-    const error: string | null = null;
-
-    try {
-        const res = await priv.get<AxiosResponse<GetBrowserTargetResponse>>(
-            `/resource/browser-target?fullDomain=${encodeURIComponent(hostname)}`
-        );
-        target = res.data.data;
-    } catch (error) {
-        console.error("Error fetching browser target:", error);
-        error = "No resource found for this domain";
-    }
+    const { target } = await getBrowserTargetForRequest();
+    const error = target ? null : "No resource found for this domain";
 
     return (
         <div className="h-full flex flex-col">