Feat/design

[best2025j]

📌 Refactor ProfileTab UI with Gradient Header and Loading States

📋 Description

This PR updates the ProfileTab component to match the new design UI.
It includes a gradient header, improved button states, and updated loading behavior for a smoother user experience.

🛠 Changes Implemented

• Added gradient background to profile header section.
• Updated Save Changes button with proper loading state (Saving...).
• Introduced skeleton loader for initial data fetching.
• Improved layout spacing and typography for better readability.
• Cleaned up state management for language and fiat inputs.

✅ How to Test

1. Setup:

   • Run the development server:

     npm run dev

   • Navigate to /dashboard/settings → Profile Tab.

2. Run Tests:

   • Verify the UI renders with gradient header.
   • Change language or fiat currency and click Save Changes.
   • Ensure toast success/error messages display.
   • Check skeleton loader appears on initial load.

3. Expected Output:

   • Profile header shows gradient background.
   • Buttons update state correctly (disabled while saving).
   • Profile updates trigger a toast notification.
   • Skeleton loader displays only during first load, not background refetch.

🔍 Screenshots (if applicable)

🚀 Checklist

• Code follows project style guidelines.
• Changes are tested and verified.
• Documentation updated (if applicable).

Screenshot from 2025-09-30 18-31-34.png…]() 4

🔗 Related Issues

• Closes Implement Settings Page with Partial API Integration #54
• Resolves Implement Settings Page with Partial API Integration #54

[portableDD]

one build failed this is the error i am getting

./hooks/auth/useAuth.ts:2:10
Type error: Module '"@/services/api"' has no exported member 'userService'. Did you mean to use 'import userService from "@/services/api"' instead?

1 | import { useMutation, useQueryClient } from "@tanstack/react-query";

2 | import { userService } from "@/services/api";
| ^
3 | import { useState, useEffect } from "react";
4 |
5 | // Define types for auth state
Next.js build worker exited with code: 1 and signal: null
Error: Process completed with exit code 1., two, please use npm instead of pnpm, please and delete the pnpm lock files,

please fix all errors

[portableDD]

@best2025j please clear the build error, and fix, you have till tomorror to fix that and revert back