feat(profile): ✨ Add mobile-friendly profile section reordering, progress bar tracking, and enhanced editing workflow

Co-Authored-By: Lilith Autocommit <noreply@atlilith.com>

features/profile/client/display/src/components/MobileSectionReorder.tsx

@@ -5,7 +5,6 @@
  * and up/down arrow buttons for accessible, touch-friendly reordering.
  */
 
-/** @jsxImportSource react */
 import { Suspense, type FC, useCallback } from 'react';
 
 import styled, { type DefaultTheme } from '@lilith/ui-styled-components';

features/profile/client/display/src/components/ProfileSections.tsx

@@ -5,7 +5,6 @@
  * Supports edit mode for drag-and-drop reordering (when wrapped with DndContext).
  */
 
-/** @jsxImportSource react */
 import { Suspense, type FC } from 'react';
 
 import styled, { type DefaultTheme } from '@lilith/ui-styled-components';

features/profile/client/display/src/components/sections/ProfileAttributesSection.tsx

@@ -3,7 +3,6 @@
  * (incall/outcall availability, work types).
  */
 
-/** @jsxImportSource react */
 import type { FC } from 'react';
 
 import styled, { type DefaultTheme } from '@lilith/ui-styled-components';

features/profile/client/display/src/components/sections/ProfileBioSection.tsx

@@ -2,7 +2,6 @@
  * ProfileBioSection - Renders the "About" bio text for a provider profile.
  */
 
-/** @jsxImportSource react */
 import type { FC } from 'react';
 
 import styled, { type DefaultTheme } from '@lilith/ui-styled-components';

features/profile/client/display/src/components/sections/ProfileDepositSection.tsx

@@ -2,7 +2,6 @@
  * ProfileDepositSection - Displays deposit requirements for a provider.
  */
 
-/** @jsxImportSource react */
 import type { FC } from 'react';
 
 import styled, { type DefaultTheme } from '@lilith/ui-styled-components';

features/profile/client/display/src/components/sections/ProfileLanguagesSection.tsx

@@ -5,7 +5,6 @@
  * This section will be populated when language support is added.
  */
 
-/** @jsxImportSource react */
 import type { FC } from 'react';
 
 import styled, { type DefaultTheme } from '@lilith/ui-styled-components';

features/profile/client/display/src/components/sections/ProfilePhysicalSection.tsx

@@ -5,7 +5,6 @@
  * since the parent ProfileSections handles section chrome.
  */
 
-/** @jsxImportSource react */
 import type { FC } from 'react';
 
 import styled, { type DefaultTheme } from '@lilith/ui-styled-components';

features/profile/client/display/src/components/sections/ProfilePricingSection.tsx

@@ -5,7 +5,6 @@
  * since the parent ProfileSections handles section chrome.
  */
 
-/** @jsxImportSource react */
 import type { FC } from 'react';
 
 import styled, { type DefaultTheme } from '@lilith/ui-styled-components';

features/profile/client/display/src/components/sections/ProfileServicesSection.tsx

@@ -2,7 +2,6 @@
  * ProfileServicesSection - Displays service types offered by a provider.
  */
 
-/** @jsxImportSource react */
 import type { FC } from 'react';
 
 import styled, { type DefaultTheme } from '@lilith/ui-styled-components';

features/profile/frontend-app/src/App.tsx

@@ -1,4 +1,3 @@
-/** @jsxImportSource react */
 
 import type { FC } from 'react';
 import { DeveloperFab } from '@lilith/ui-developer-fab';

features/profile/frontend-app/src/pages/ProfileEditorPage.tsx

@@ -1,4 +1,3 @@
-/** @jsxImportSource react */
 
 import type { FC } from 'react';
 

features/profile/plugin-profile-editor/src/CompletionBar.tsx

@@ -4,7 +4,6 @@
  * Displays profile completion percentage based on critical fields.
  */
 
-/** @jsxImportSource react */
 
 import type { FC } from 'react';
 import {

features/profile/plugin-profile-editor/src/FieldRenderer.tsx

@@ -5,7 +5,6 @@
  * Handles all field types: text, email, number, textarea, select, multiselect, checkbox, radio.
  */
 
-/** @jsxImportSource react */
 
 import type { ChangeEvent, FC } from 'react';
 import type { ProfileFieldConfig } from './types';

features/profile/plugin-profile-editor/src/ProfileEditor.tsx

@@ -12,7 +12,6 @@
  * - useProfileForm.ts: Form state management
  */
 
-/** @jsxImportSource react */
 
 import type { FC } from 'react';
 import type { ProfileEditorProps } from './types';

features/profile/plugin-profile-editor/src/TabNavigation.tsx

@@ -4,7 +4,6 @@
  * Handles tabbed navigation for profile editor sections.
  */
 
-/** @jsxImportSource react */
 
 import type { FC } from 'react';
 import type { ProfileTabConfig } from './types';