FEAT: BorderSpeed Up on Login

frontend/src/assets/styles/auth.css

@@ -22,6 +22,7 @@
     width: 200%;
     height: 200%;
     animation: border-spin var(--spin-duration) linear infinite;
+    
   }
 
   .front-content {

frontend/src/components/Auth/AuthModal.tsx

@@ -19,7 +19,7 @@ const AuthModal: React.FC<AuthModalProps> = ({ onClose }) => {
 
     setTimeout(() => {
       setSpinDuration("7s");
-    }, 5000);
+    }, 3500);
   };
 
   return (
@@ -63,7 +63,7 @@ const AuthModal: React.FC<AuthModalProps> = ({ onClose }) => {
               Register
             </ToggleButton>
           </div>
-          {selectedTab === "Login" ? <LoginForm /> : <RegisterForm onSubmit={handleSubmit}/>}
+          {selectedTab === "Login" ? <LoginForm onSubmit={handleSubmit} /> : <RegisterForm onSubmit={handleSubmit}/>}
         </div>
       </div>
     </>

frontend/src/components/Auth/LoginForm.tsx

@@ -14,7 +14,12 @@ interface FormErrors {
   general?: string; // For general authentication errors
 }
 
-const LoginForm: React.FC = () => {
+//Speed up border animation
+interface SubmitProps {
+  onSubmit: () => void; 
+}
+
+const LoginForm: React.FC<SubmitProps> = ({ onSubmit }) => {
   const { setIsLoggedIn } = useAuth();
 
   const [formData, setFormData] = useState<LoginFormData>({
@@ -46,6 +51,7 @@ const LoginForm: React.FC = () => {
   };
 
   const handleSubmit = async (e: React.FormEvent) => {
+    onSubmit();
     e.preventDefault();
 
     if (validateForm()) {
@@ -94,7 +100,7 @@ const LoginForm: React.FC = () => {
     <form
       onSubmit={handleSubmit}
       id="login-form"
-      className="h-[100%] flex flex-col h-full justify-evenly items-center"
+      className="h-[100%] flex flex-col justify-evenly items-center"
     >
       {errors.general && (
         <p className="text-red-500 text-sm text-center">{errors.general}</p>

frontend/src/components/Auth/RegisterForm.tsx

@@ -19,7 +19,7 @@ interface FormErrors {
 }
 
 interface SubmitProps {
-  onSubmit: () => void; // Add the prop for the callback
+  onSubmit: () => void; 
 }
 
 const RegisterForm: React.FC<SubmitProps> = ({ onSubmit }) => {
@@ -110,7 +110,7 @@ const RegisterForm: React.FC<SubmitProps> = ({ onSubmit }) => {
     <form
       onSubmit={handleSubmit}
       id="register-form"
-      className="h-[100%] flex flex-col h-full justify-evenly items-center"
+      className="h-[100%] flex flex-col justify-evenly items-center"
     >
       {errors.general && (
         <p className="text-red-500 text-sm text-center">{errors.general}</p>