frontend-next/package.json

@@ -9,7 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "firebase": "^10.8.0",
+    "firebase": "^10.6.0",
     "firebase-admin": "^12.0.0",
     "next": "^14.1.0",
     "pigeon-maps": "^0.21.3",

frontend-next/src/app/login/page.js

@@ -30,7 +30,8 @@ function Login() {
                         <form action="#" onSubmit={handleSubmit(Login)}>
                             <input type="email" {...register("email")} placeholder="Enter Email Address"/><br/>
                             <input type="password" {...register("password")} placeholder="Enter Password"/><br/>
-                            <button type="submit" className="bg-[#dee0e0] m-5">Login</button><br/>
+                            <button type="submit" className="bg-[#dee0e0] m-5 bg-cyan-500 text-white font-bold py-2 px-4 rounded-full">
+                                Login</button><br/>
                             Don&apos;t have an account? <a href="/register">Sign Up</a>
                         </form>
                     </div>

frontend-next/src/app/page.js

@@ -12,8 +12,10 @@ function Home() {
                         Chat with friends!
                     </span>
                     <div className="m-5">
-                        <a href="/login"><button>Login</button></a>
-                        <a href="/register"><button>Signup</button></a>
+                        <a href="/login"><button className="bg-cyan-500 text-white font-bold py-2 px-4 rounded-full">
+                            Login</button></a>
+                        <a href="/register"><button className="bg-cyan-500 text-white font-bold py-2 px-4 rounded-full">
+                            Signup</button></a>
                     </div>
                 </div>
             </div>

frontend-next/src/app/register/page.js

@@ -30,7 +30,8 @@ function Register() {
                         <form action="#" onSubmit={handleSubmit(RegisterWithEmail)}>
                             <input type="email" {...register("email")} placeholder="Enter Email Address"/><br/>
                             <input type="password" {...register("password")} placeholder="Enter Password"/><br/>
-                            <button type="submit" className="bg-[#dee0e0] m-5">Register</button><br/>
+                            <button type="submit" className="bg-[#dee0e0] m-5 bg-cyan-500 text-white font-bold py-2 px-4 rounded-full">
+                                Register</button><br/>
                             Have an account? <a href="/login">Log In</a>
                         </form>
                     </div>