added resource auth status cards and moved login to reusable login form

src/app/auth/login/DashboardLoginForm.tsx

@@ -0,0 +1,38 @@
+"use client";
+
+import {
+    Card,
+    CardContent,
+    CardDescription,
+    CardHeader,
+    CardTitle,
+} from "@/components/ui/card";
+import LoginForm from "@app/components/LoginForm";
+import { useRouter } from "next/navigation";
+
+type DashboardLoginFormProps = {
+    redirect?: string;
+};
+
+export default function DashboardLoginForm({
+    redirect,
+}: DashboardLoginFormProps) {
+    const router = useRouter();
+
+    return (
+        <Card className="w-full max-w-md mx-auto">
+            <CardHeader>
+                <CardTitle>Login</CardTitle>
+                <CardDescription>
+                    Enter your credentials to access your dashboard
+                </CardDescription>
+            </CardHeader>
+            <CardContent>
+                <LoginForm
+                    redirect={redirect}
+                    onLogin={() => router.push("/")}
+                />
+            </CardContent>
+        </Card>
+    );
+}