Phase 7

src/app/(auth)/layout.tsx

@@ -3,7 +3,7 @@ import { Scissors } from "lucide-react";
 export default function AuthLayout({ children }: { children: React.ReactNode }) {
   return (
     <div className="flex min-h-screen flex-col bg-stone p-6">
-      <div className="mx-auto flex w-full max-w-md flex-1 flex-col justify-center">
+      <div id="main-content" className="mx-auto flex w-full max-w-md flex-1 flex-col justify-center">
         <div className="mb-8 flex h-16 w-16 items-center justify-center rounded-[1.25rem] bg-ink text-3xl text-white shadow-xl shadow-ink/20">
           <Scissors className="h-7 w-7" aria-hidden="true" />
         </div>