fix: move fonts and refactor headers in middleware

app/[lang]/webview/layout.tsx

@@ -1,7 +1,7 @@
 import "@/app/globals.css"
 import "@scandic-hotels/design-system/style.css"
 
-import { biroScriptPlus, firaMono, firaSans } from "@/app/[lang]/fonts"
+import { biroScriptPlus, firaMono, firaSans } from "@/app/fonts"
 
 import styles from "./layout.module.css"
 

app/[lang]/webview/test/page.tsx

@@ -1,22 +0,0 @@
-import { cookies, headers } from "next/headers"
-
-import { serverClient } from "@/lib/trpc/server"
-
-import type { Metadata } from "next"
-
-export const metadata: Metadata = {
-  title: "Hello World from Webview",
-}
-
-export default async function WebViewTestPage() {
-  const data = await serverClient().user.get()
-
-  return (
-    <main>
-      <header>
-        <h1>Hello From WebView Test Page!</h1>
-        <p>{data.firstName}</p>
-      </header>
-    </main>
-  )
-}