Add loading states to Settings and Profile pages

[coderanik]

Description

The Settings and Profile pages lack loading/skeleton states while Clerk user data is being fetched. The Dashboard page already has a proper loading spinner — these two pages should follow the same pattern.

Locations

• frontend/src/app/settings/page.tsx
• frontend/src/app/profile/page.tsx

Suggested Fix

Add a conditional early return when Clerk user is not yet loaded:

if (!isLoaded) {
  return (
    <div className="flex h-screen items-center justify-center">
      <div className="w-6 h-6 border-2 border-accent border-t-transparent rounded-full animate-spin" />
    </div>
  );
}

This follows the pattern already used in projects/[projectId]/page.tsx:349-357.

Difficulty: Easy

Estimated Time: 30 minutes

[Tnath1]

Hi @coderanik, can I get this sorted easy?