fixed sliding gallery, fixed styling

app/(auth)/login/page.tsx

@@ -76,7 +76,7 @@ const page = () => {
               {error && <DestructibleAlert text={error} extraStyles="" />}
 
               <button
-                onClick={() => router.push("/home")}
+                onClick={loginUser}
                 disabled={isLoading}
                 className="w-full h-14 flex justify-center items-center border border-[#113768] rounded-full bg-transparent hover:bg-[#113768] hover:text-white transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed"
               >

app/(auth)/register/page.tsx

@@ -89,57 +89,52 @@ export default function RegisterPage() {
               <FormField
                 title="Full name"
                 value={form.name}
-                handleChangeText={(e) =>
-                  setForm({ ...form, name: e.target.value })
-                }
+                handleChangeText={(value) => setForm({ ...form, name: value })}
               />
+
               <FormField
                 title="Institution"
-                placeholder="Enter a institution"
                 value={form.institution}
-                handleChangeText={(e) =>
-                  setForm({ ...form, institution: e.target.value })
+                handleChangeText={(value) =>
+                  setForm({ ...form, institution: value })
                 }
               />
+
               <FormField
                 title="SSC Roll No."
-                placeholder="Enter your SSC Roll No."
                 value={form.sscRoll}
-                handleChangeText={(e) =>
-                  setForm({ ...form, sscRoll: e.target.value })
+                handleChangeText={(value) =>
+                  setForm({ ...form, sscRoll: value })
                 }
               />
+
               <FormField
                 title="HSC Roll No."
-                placeholder="Enter your HSC Roll No."
                 value={form.hscRoll}
-                handleChangeText={(e) =>
-                  setForm({ ...form, hscRoll: e.target.value })
+                handleChangeText={(value) =>
+                  setForm({ ...form, hscRoll: value })
                 }
               />
+
               <FormField
                 title="Email Address"
-                placeholder="Enter your email address..."
                 value={form.email}
-                handleChangeText={(e) =>
-                  setForm({ ...form, email: e.target.value })
-                }
+                handleChangeText={(value) => setForm({ ...form, email: value })}
               />
+
               <FormField
                 title="Phone Number"
-                placeholder="Enter your phone number.."
                 value={form.phone}
-                handleChangeText={(e) =>
-                  setForm({ ...form, phone: e.target.value })
-                }
+                handleChangeText={(value) => setForm({ ...form, phone: value })}
               />
+
               <FormField
                 title="Password"
-                placeholder="Enter a password"
                 value={form.password}
-                handleChangeText={(e) =>
-                  setForm({ ...form, password: e.target.value })
+                handleChangeText={(value) =>
+                  setForm({ ...form, password: value })
                 }
+                placeholder={undefined}
               />
             </div>