fix(react, nextjs): satisfy the key-ordering lint rules

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

Author: DonOmalVindula

packages/nextjs/src/client/components/presentation/UserDropdown/UserDropdown.tsx

@@ -46,18 +46,17 @@ export interface UserDropdownRenderProps {
  * Extends BaseUserDropdownProps but excludes user, onManageProfile, and onSignOut since they're handled internally
  */
 export type UserDropdownProps = Omit<BaseUserDropdownProps, 'user' | 'onManageProfile'> & {
+  /**
+   * Render prop function that receives user state and actions.
+   * When provided, this completely replaces the default dropdown rendering.
+   */
+  children?: (props: UserDropdownRenderProps) => ReactNode;
   /**
    * Whether the profile shown by the "Manage profile" item can be edited. Forwarded to
    * `<UserProfile />`, so `'auto'` renders a read-only profile for accounts whose attributes
    * are owned by an identity provider.
    */
   editable?: UserProfileProps['editable'];
-
-  /**
-   * Render prop function that receives user state and actions.
-   * When provided, this completely replaces the default dropdown rendering.
-   */
-  children?: (props: UserDropdownRenderProps) => ReactNode;
   /**
    * Custom render function for the dropdown content.
    * When provided, this replaces just the dropdown content while keeping the trigger.

packages/react/src/components/presentation/UserDropdown/UserDropdown.tsx

@@ -47,18 +47,17 @@ export interface UserDropdownRenderProps {
  * Extends BaseUserDropdownProps but excludes user, onManageProfile, and onSignOut since they're handled internally
  */
 export type UserDropdownProps = Omit<BaseUserDropdownProps, 'user' | 'onManageProfile'> & {
+  /**
+   * Render prop function that receives user state and actions.
+   * When provided, this completely replaces the default dropdown rendering.
+   */
+  children?: (props: UserDropdownRenderProps) => ReactNode;
   /**
    * Whether the profile shown by the "Manage profile" item can be edited. Forwarded to
    * `<UserProfile />`, so `'auto'` renders a read-only profile for accounts whose attributes
    * are owned by an identity provider.
    */
   editable?: UserProfileProps['editable'];
-
-  /**
-   * Render prop function that receives user state and actions.
-   * When provided, this completely replaces the default dropdown rendering.
-   */
-  children?: (props: UserDropdownRenderProps) => ReactNode;
   /**
    * Custom render function for the dropdown content.
    * When provided, this replaces just the dropdown content while keeping the trigger.

packages/react/src/components/presentation/UserProfile/BaseUserProfile.styles.ts

@@ -231,9 +231,9 @@ const useStyles = (theme: Theme, colorScheme: string): Record<string, string> =>
       header,
       info,
       infoContainer,
-      loading,
       label,
       lastField,
+      loading,
       name,
       objectKey,
       objectValue,