feat: changes to the page with invalid login

frontend/src/components/Login.tsx

@@ -17,7 +17,6 @@ export const Login = () => {
       navigate('/pa165/', { replace: true });
     } else {
       setIsError(true);
-      alert('Invalid credentials');
     }
   }
 
@@ -25,7 +24,7 @@ export const Login = () => {
     <div className="h-[100vh]">
       <Header/>
       <div className="grid place-items-center h-[90%]">
-        {isError && <div className="text-2xl text-center font-bold mt-auto text-red-900">Invalid credentials</div>}
+        {isError && <div className="text-3xl text-center font-bold mt-auto mb-4 text-red-600">Invalid credentials</div>}
         <form onSubmit={handleSubmit}
               className={`flex flex-col w-1/4 gap-3 border-2 border-black rounded-lg bg-slate-300 p-4 mb-auto ${isError || 'mt-auto'}`}>
           <p className="text-2xl text-center font-bold">Login</p>