Revert "remove login page"

This reverts commit b78b146c6045b0c76b67fc233e53d452c90c9b26.

app/(auth)/login/page.tsx

@@ -0,0 +1,69 @@
+'use client';
+import React from 'react';
+import { Form, Input, Button, Checkbox, Typography, Layout, FormProps } from 'antd';
+import './styles.css';
+import { useRouter } from 'next/navigation';
+
+const { Title } = Typography;
+const { Content } = Layout;
+
+type FieldType = {
+  username?: string;
+  password?: string;
+  remember?: string;
+};
+
+const LoginPage = () => {
+  const router = useRouter();
+  const onFinish: FormProps<FieldType>['onFinish'] = (values) => {
+    console.log('Success:', values);
+    router.push('/dashboard');
+  };
+
+  const onFinishFailed: FormProps<FieldType>['onFinishFailed'] = (errorInfo) => {
+    console.log('Failed:', errorInfo);
+  };
+
+  return (
+    <Layout className="layout">
+      <Content className="content">
+        <div className="login-container">
+          <Title level={2}>Login</Title>
+          <Form
+            name="basic"
+            initialValues={{ remember: true }}
+            onFinish={onFinish}
+            onFinishFailed={onFinishFailed}
+            autoComplete="off"
+          >
+            <Form.Item
+              name="username"
+              rules={[{ required: true, message: 'Please input your username!' }]}
+            >
+              <Input placeholder="Username" />
+            </Form.Item>
+
+            <Form.Item
+              name="password"
+              rules={[{ required: true, message: 'Please input your password!' }]}
+            >
+              <Input.Password placeholder="Password" />
+            </Form.Item>
+
+            <Form.Item name="remember" valuePropName="checked">
+              <Checkbox>Remember me</Checkbox>
+            </Form.Item>
+
+            <Form.Item>
+              <Button type="primary" htmlType="submit" block>
+                Log in
+              </Button>
+            </Form.Item>
+          </Form>
+        </div>
+      </Content>
+    </Layout>
+  );
+};
+
+export default LoginPage;

app/(auth)/login/styles.css

@@ -0,0 +1,26 @@
+.layout {
+  min-height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: #f0f2f5; /* Optional: Change the background color as needed */
+}
+
+.content {
+  width: 100%;
+  max-height: 450px;
+  max-width: 400px;
+  padding: 24px;
+  background: white;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  border-radius: 8px; /* Optional: Add border radius for rounded corners */
+}
+
+.login-container {
+  width: 100%;
+  text-align: center;
+}
+
+.login-container .ant-typography {
+  margin-bottom: 24px;
+}