fixed sliding gallery, fixed styling

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>