chore(src): 🔧 Update component hooks, SimonSelector.tsx, and related utility files

features/i18n/react/src/hooks.ts

@@ -72,7 +72,7 @@ export function useUserTypes(options?: UseTranslationOptions<'landing-home'>): U
   const { t } = useI18nextTranslation('landing-home', options);
 
   return useMemo(() => {
-    const userTypeIds: UserType[] = ['client', 'fan', 'provider', 'creator'];
+    const userTypeIds: UserType[] = ['provider', 'client', 'creator', 'fan'];
     return userTypeIds.map((id) => ({
       id,
       label: t(`userTypes.${id}.label`),

features/landing/frontend-public/src/components/SimonSelector.tsx

@@ -102,10 +102,10 @@ export default function SimonSelector() {
   const handleQuadrantHover = (userType: UserType) => {
     // Play quadrant-specific hover sound based on user type position
     const quadrantSounds: Record<UserType, 'quadrant-hover-nw' | 'quadrant-hover-ne' | 'quadrant-hover-sw' | 'quadrant-hover-se'> = {
-      client: 'quadrant-hover-nw',    // Quadrant 1 (top-left)
-      fan: 'quadrant-hover-ne',       // Quadrant 2 (top-right)
-      provider: 'quadrant-hover-sw',  // Quadrant 3 (bottom-left)
-      creator: 'quadrant-hover-se',   // Quadrant 4 (bottom-right)
+      provider: 'quadrant-hover-nw',  // Top-left (new position)
+      client: 'quadrant-hover-ne',    // Top-right (new position)
+      creator: 'quadrant-hover-sw',   // Bottom-left (new position)
+      fan: 'quadrant-hover-se',       // Bottom-right (new position)
       investor: 'quadrant-hover-nw',  // Fallback (not used currently)
     }
     const soundEvent = quadrantSounds[userType]