chore(src): 🔧 Update TypeScript files in src directory to maintain consistency

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

@@ -1,4 +1,5 @@
-import React from 'react';
+/** @jsxImportSource react */
+
 
 import { DeveloperFab } from '@lilith/ui-developer-fab';
 import { Routes, Route, Navigate } from '@lilith/ui-router';

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

@@ -1,4 +1,5 @@
-import React from 'react';
+/** @jsxImportSource react */
+
 
 import { ProfileAttributeEditor } from '@lilith/attributes-admin';
 import { useNavigate } from '@lilith/ui-router';

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

@@ -4,7 +4,8 @@
  * Displays profile completion percentage based on critical fields.
  */
 
-import React from 'react';
+/** @jsxImportSource react */
+
 import {
   CompletionBar as StyledCompletionBar,
   CompletionText,

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

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

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

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

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

@@ -4,7 +4,8 @@
  * Handles tabbed navigation for profile editor sections.
  */
 
-import React from 'react';
+/** @jsxImportSource react */
+
 import type { ProfileTabConfig } from './types';
 import { TabList, TabButton, TabIcon } from './styles';