app/login/layout.tsx
export default function Layout({ children }: { children: React.ReactNode }) {
return (
<div className="flex-grow p-6 md:overflow-y-auto md:p-12">
{children}
</div>
);
}

app/login/page.tsx
"use client";
import React from "react";
import { Label } from "@/components/ui/label";
import { Input } from "@/components/ui/input";
import { cn } from "@/utils/cn";

import Layout from "./layout";

export default function LoginPage() {
const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
e.preventDefault();
console.log("Form submitted");
};

return (
<Layout>
<h1>hi</h1>
</Layout>
)
}