centered the forms

src/pages/Login.tsx

@@ -58,7 +58,11 @@ const Login = () => {
                 display: 'flex',
                 flexDirection: 'column',
                 alignItems: 'center',
-                mt: 5,
+                justifyContent: 'center',
+              
+             
+                height: "calc(100vh - 64px)",
+
             }}
         >
             <Typography variant="h4" gutterBottom>
@@ -112,6 +116,7 @@ const Login = () => {
                     </Link>
                 </Typography>
             </Box>
+            
         </Box>
     );
 };

src/pages/Register.tsx

@@ -56,7 +56,10 @@ const Register = () => {
                 display: 'flex',
                 flexDirection: 'column',
                 alignItems: 'center',
-                mt: 5,
+                justifyContent: 'center',
+              
+             
+                height: "calc(100vh - 64px)",
             }}
         >
             <Typography variant="h4" gutterBottom>