feat: Implement button loading states

src/components/settings/EmailChangeDialog.tsx

@@ -363,8 +363,7 @@ export function EmailChangeDialog({ open, onOpenChange, currentEmail, userId }:
                 <Button type="button" variant="outline" onClick={handleClose} disabled={loading}>
                   Cancel
                 </Button>
-                <Button type="submit" disabled={loading || !captchaToken}>
-                  {loading && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
+                <Button type="submit" loading={loading} loadingText="Changing Email..." disabled={!captchaToken}>
                   Change Email
                 </Button>
               </DialogFooter>

src/components/settings/LocationTab.tsx

@@ -558,8 +558,8 @@ export function LocationTab() {
 
         {/* Save Button */}
         <div className="flex justify-end">
-          <Button type="submit" disabled={saving}>
-            {saving ? 'Saving...' : 'Save Settings'}
+          <Button type="submit" loading={saving} loadingText="Saving...">
+            Save Settings
           </Button>
         </div>
       </form>

src/components/settings/PasswordUpdateDialog.tsx

@@ -493,8 +493,7 @@ export function PasswordUpdateDialog({ open, onOpenChange, onSuccess }: Password
               >
                 Back
               </Button>
-              <Button onClick={verifyMFAAndUpdate} disabled={loading || totpCode.length !== 6}>
-                {loading && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
+              <Button onClick={verifyMFAAndUpdate} loading={loading} loadingText="Verifying..." disabled={totpCode.length !== 6}>
                 Verify & Update
               </Button>
             </DialogFooter>

src/components/settings/PrivacyTab.tsx

@@ -450,8 +450,8 @@ export function PrivacyTab() {
 
         {/* Save Button */}
         <div className="flex justify-end">
-          <Button type="submit" disabled={loading}>
-            {loading ? 'Saving...' : 'Save Privacy Settings'}
+          <Button type="submit" loading={loading} loadingText="Saving...">
+            Save Privacy Settings
           </Button>
         </div>
       </form>