fix(forms): Reduce spacing between labels and input fields

Changed all form field spacing from space-y-3 to space-y-1.5
for tighter label-to-input proximity across:
- Profile form (all fields)
- Sign-up form (name, email, password, confirm password)
- Sign-in form (email, password)

Labels now appear directly above their inputs with minimal gap.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: mjunaidca

auth-server/src/app/account/profile/ProfileForm.tsx

@@ -65,7 +65,7 @@ export default function ProfileForm({
         </div>
 
         {/* Read-only Email */}
-        <div className="space-y-3">
+        <div className="space-y-1.5">
           <label className="block text-sm font-semibold text-slate-700">
             Email Address
           </label>
@@ -99,7 +99,7 @@ export default function ProfileForm({
         </div>
 
         {/* Full Name */}
-        <div className="space-y-3">
+        <div className="space-y-1.5">
           <label className="block text-sm font-semibold text-slate-700">
             Full Name
           </label>
@@ -114,7 +114,7 @@ export default function ProfileForm({
 
         {/* First & Last Name Grid */}
         <div className="grid grid-cols-1 sm:grid-cols-2 gap-5">
-          <div className="space-y-3">
+          <div className="space-y-1.5">
             <label className="block text-sm font-semibold text-slate-700">
               First Name
             </label>
@@ -126,7 +126,7 @@ export default function ProfileForm({
               className="w-full px-4 py-3.5 border-2 border-slate-200 rounded-xl focus:border-indigo-500 focus:ring-4 focus:ring-indigo-500/10 transition-all duration-200 bg-white hover:border-slate-300"
             />
           </div>
-          <div className="space-y-3">
+          <div className="space-y-1.5">
             <label className="block text-sm font-semibold text-slate-700">
               Last Name
             </label>
@@ -149,7 +149,7 @@ export default function ProfileForm({
         </div>
 
         {/* Software Background */}
-        <div className="space-y-3">
+        <div className="space-y-1.5">
           <label className="block text-sm font-semibold text-slate-700">
             Software Background
           </label>
@@ -165,7 +165,7 @@ export default function ProfileForm({
         </div>
 
         {/* Hardware Tier */}
-        <div className="space-y-3">
+        <div className="space-y-1.5">
           <label className="block text-sm font-semibold text-slate-700">
             Hardware Tier
           </label>
@@ -197,7 +197,7 @@ export default function ProfileForm({
 
         {/* Language & Timezone Grid */}
         <div className="grid grid-cols-1 sm:grid-cols-2 gap-5">
-          <div className="space-y-3">
+          <div className="space-y-1.5">
             <label className="block text-sm font-semibold text-slate-700">
               Language
             </label>
@@ -214,7 +214,7 @@ export default function ProfileForm({
             </select>
           </div>
 
-          <div className="space-y-3">
+          <div className="space-y-1.5">
             <label className="block text-sm font-semibold text-slate-700">
               Timezone
             </label>

auth-server/src/components/sign-in-form.tsx

@@ -154,7 +154,7 @@ export function SignInForm() {
           </div>
         )}
 
-        <div className="space-y-3">
+        <div className="space-y-1.5">
           <label htmlFor="email" className="block text-sm font-semibold text-slate-700">
             Email address
           </label>
@@ -186,7 +186,7 @@ export function SignInForm() {
           )}
         </div>
 
-        <div className="space-y-3">
+        <div className="space-y-1.5">
           <label htmlFor="password" className="block text-sm font-semibold text-slate-700">
             Password
           </label>

auth-server/src/components/sign-up-form.tsx

@@ -394,7 +394,7 @@ export function SignUpForm() {
             <p className="text-sm text-slate-600">Get started in seconds</p>
           </div>
 
-          <div className="space-y-3">
+          <div className="space-y-1.5">
             <label htmlFor="name" className="block text-sm font-semibold text-slate-700">
               Name <span className="text-red-500">*</span>
             </label>
@@ -426,7 +426,7 @@ export function SignUpForm() {
             )}
           </div>
 
-          <div className="space-y-3">
+          <div className="space-y-1.5">
             <label htmlFor="email" className="block text-sm font-semibold text-slate-700">
               Email address <span className="text-red-500">*</span>
             </label>
@@ -458,7 +458,7 @@ export function SignUpForm() {
             )}
           </div>
 
-          <div className="space-y-3">
+          <div className="space-y-1.5">
             <label htmlFor="password" className="block text-sm font-semibold text-slate-700">
               Password <span className="text-red-500">*</span>
             </label>
@@ -499,7 +499,7 @@ export function SignUpForm() {
             )}
           </div>
 
-          <div className="space-y-3">
+          <div className="space-y-1.5">
             <label htmlFor="confirmPassword" className="block text-sm font-semibold text-slate-700">
               Confirm Password <span className="text-red-500">*</span>
             </label>