feat: add window controls & screen creation util

apps/web/src/features/legal/screen.tsx

@@ -10,6 +10,7 @@ import { legalDocsSchema } from "@tensamin/shared/features/legal/schema";
 import { log } from "@tensamin/shared/log";
 import Link from "@tensamin/ui/link";
 import { Label } from "@tensamin/ui/cmp/label";
+import CreateScreen from "@tensamin/ui/screens/util";
 
 // Prevents the user from using Tensamin without accepting the privacy policy and terms of service.
 export default function Screen(props: { children: React.ReactNode }) {
@@ -160,7 +161,7 @@ export default function Screen(props: { children: React.ReactNode }) {
   }
 
   return (
-    <div className="w-full h-full flex items-center justify-center py-15">
+    <CreateScreen>
       <div className="h-full flex flex-col gap-15 p-10 md:p-40 w-full lg:w-2/3">
         <h1 className="text-3xl md:text-4xl font-bold">
           Privacy Policy & ToS
@@ -198,7 +199,7 @@ export default function Screen(props: { children: React.ReactNode }) {
           onClick={handleContinueLegal}
         />
       </div>
-    </div>
+    </CreateScreen>
   );
 }