N-FIN-12: move authentication cards to top

src/app/auth/layout.tsx

@@ -6,7 +6,7 @@ export default function AuthLayout({
     children: React.ReactNode;
 }>) {
     return (
-        <div className="flex min-h-screen items-center justify-center">
+        <div className="flex justify-center">
             {children}
         </div>
     );

src/app/auth/signin/page.tsx

@@ -7,7 +7,7 @@ import { URL_SIGN_UP } from '@/lib/constants';
 
 export default async function SignInPage() {
     return (
-        <Card className="w-full max-w-md">
+        <Card className="w-full max-w-md mt-12">
             <CardHeader>
                 <CardTitle>Sign in</CardTitle>
                 <CardDescription>Sign into your existing account</CardDescription>

src/app/auth/signup/page.tsx

@@ -7,7 +7,7 @@ import { URL_SIGN_IN } from '@/lib/constants';
 
 export default async function SignUpPage() {
     return (
-        <Card className="w-full max-w-md">
+        <Card className="w-full max-w-md mt-12">
             <CardHeader>
                 <CardTitle>Sign up</CardTitle>
                 <CardDescription>Create a new account.</CardDescription>