solver issue #1136 for frontend part

backend/.env

@@ -1,4 +1,4 @@
-#DATABASE = "mongodb://localhost:27017"
+DATABASE = "mongodb+srv://sribabu:[email protected]/?retryWrites=true&w=majority"
 #RESEND_API = "your resend_api"
 #OPENAI_API_KEY = "your open_ai api key"
 JWT_SECRET= "your_private_jwt_secret_key"

frontend/src/pages/Login.jsx

@@ -12,6 +12,11 @@ import { selectAuth } from '@/redux/auth/selectors';
 import LoginForm from '@/forms/LoginForm';
 import Loading from '@/components/Loading';
 import AuthModule from '@/modules/AuthModule';
+import RegisterForm from '@/forms/RegisterForm';
+
+import { Typography } from 'antd';
+
+const { Text } = Typography;
 
 const LoginPage = () => {
   const translate = useLanguage();
@@ -51,6 +56,11 @@ const LoginPage = () => {
             >
               {translate('Log in')}
             </Button>
+            <Text style={{ color: 'grey',cursor:"pointer" }}>
+              Don't have an account? <Text strong style={{ color: 'black' ,cursor:"pointer"}} onClick={() => {
+                navigate("/register")
+              }} className="hover-underline">Register</Text>
+            </Text>          
           </Form.Item>
         </Form>
       </Loading>

frontend/src/pages/Register.jsx

@@ -0,0 +1,73 @@
+import { useEffect } from 'react';
+
+import { useDispatch, useSelector } from 'react-redux';
+import { useNavigate } from 'react-router-dom';
+
+import useLanguage from '@/locale/useLanguage';
+
+import { Form, Button } from 'antd';
+
+import { login } from '@/redux/auth/actions';
+import { selectAuth } from '@/redux/auth/selectors';
+// import LoginForm from '@/forms/LoginForm';
+import RegisterForm from '@/forms/RegisterForm';
+import Loading from '@/components/Loading';
+import AuthModule from '@/modules/AuthModule';
+import { Typography } from 'antd';
+
+const { Text } = Typography;
+
+
+const RegisterPage = () => {
+  const translate = useLanguage();
+  const { isLoading, isSuccess } = useSelector(selectAuth);
+  const navigate = useNavigate();
+//   const size = useSize();
+
+  const dispatch = useDispatch();
+  const onFinish = (values) => {
+    dispatch(login({ loginData: values }));
+  };
+
+  useEffect(() => {
+    if (isSuccess) navigate('/');
+  }, [isSuccess]);
+
+  const FormContainer = () => {
+    return (
+      <Loading isLoading={isLoading}>
+        <Form
+          layout="vertical"
+          name="normal_login"
+          className="login-form"
+          initialValues={{
+            remember: true,
+          }}
+          onFinish={onFinish}
+        >
+          <RegisterForm />
+          <Form.Item>
+            <Button
+              type="primary"
+              htmlType="submit"
+              className="login-form-button"
+              loading={isLoading}
+              size="large"
+            >
+              {translate('Register')}
+            </Button>
+            <Text style={{ color: 'grey' }}>
+            Already have an account? <Text strong style={{ color: 'black',cursor:"pointer" }} onClick={() => {
+                navigate("/")
+            }} className="hover-underline">Login</Text>
+            </Text>
+          </Form.Item>
+        </Form>
+      </Loading>
+    );
+  };
+
+  return <AuthModule authContent={<FormContainer />} AUTH_TITLE="Sign in" />;
+};
+
+export default RegisterPage;

frontend/src/router/AuthRouter.jsx

@@ -5,6 +5,7 @@ import NotFound from '@/pages/NotFound';
 
 import ForgetPassword from '@/pages/ForgetPassword';
 import ResetPassword from '@/pages/ResetPassword';
+import RegisterPage from '@/pages/Register';
 
 import { useDispatch } from 'react-redux';
 
@@ -15,6 +16,7 @@ export default function AuthRouter() {
     <Routes>
       <Route element={<Login />} path="/" />
       <Route element={<Login />} path="/login" />
+      <Route element={<RegisterPage />} path="/register" />
       <Route element={<Navigate to="/login" replace />} path="/logout" />
       <Route element={<ForgetPassword />} path="/forgetpassword" />
       <Route element={<ResetPassword />} path="/resetpassword/:userId/:resetToken" />