chore(provider): 🔧 Add provider profile customization components (gift messages, styling templates, physical stats, rates/configuration, preview gallery/preview UI)

features/marketplace/frontend-public/src/features/provider/components/GiftMessageEditor/GiftMessageEditor.tsx

@@ -10,7 +10,7 @@
  */
 
 import { type FC, useState, useCallback, useRef, useEffect } from 'react';
-import styled, { type DefaultTheme } from 'styled-components';
+import styled, { type DefaultTheme } from '@lilith/ui-styled-components';
 import DOMPurify from 'dompurify';
 import type { GiftStyleConfig, GiftTemplateResponse } from '@/types';
 import { DEFAULT_GIFT_STYLE } from '@/types';

features/marketplace/frontend-public/src/features/provider/components/GiftMessageEditor/StyleEditor.tsx

@@ -6,7 +6,7 @@
  */
 
 import { type FC, useCallback } from 'react';
-import styled, { type DefaultTheme } from 'styled-components';
+import styled, { type DefaultTheme } from '@lilith/ui-styled-components';
 import type {
   GiftStyleConfig,
   GiftIcon,

features/marketplace/frontend-public/src/features/provider/components/GiftMessageEditor/TemplateSelector.tsx

@@ -6,7 +6,7 @@
  */
 
 import { type FC, useState, useCallback } from 'react';
-import styled, { type DefaultTheme } from 'styled-components';
+import styled, { type DefaultTheme } from '@lilith/ui-styled-components';
 import type { GiftTemplateResponse, GiftStyleConfig } from '@/types';
 import {
   useGiftTemplates,

features/marketplace/frontend-public/src/features/provider/components/PhotoUploader.tsx

@@ -6,7 +6,7 @@
  */
 
 import React, { useState, useCallback, useRef } from 'react';
-import styled, { type DefaultTheme } from 'styled-components';
+import styled, { type DefaultTheme } from '@lilith/ui-styled-components';
 
 interface PhotoUploaderProps {
   primaryPhotoUrl?: string;

features/marketplace/frontend-public/src/features/provider/components/PhysicalStatsForm.tsx

@@ -5,7 +5,7 @@
  */
 
 import React, { useCallback } from 'react';
-import styled, { type DefaultTheme } from 'styled-components';
+import styled, { type DefaultTheme } from '@lilith/ui-styled-components';
 
 export interface PhysicalStats {
   age?: number;

features/marketplace/frontend-public/src/features/provider/components/ProfileCard.tsx

@@ -7,7 +7,7 @@
 
 import React from 'react';
 import { Link } from '@lilith/ui-router';
-import styled, { type DefaultTheme } from 'styled-components';
+import styled, { type DefaultTheme } from '@lilith/ui-styled-components';
 
 import { type ProviderProfile, ProfileStatus } from '../api/profiles.api';
 

features/marketplace/frontend-public/src/features/provider/components/ProfilePreview/OwnerActionsBar.tsx

@@ -2,7 +2,7 @@
  * OwnerActionsBar - Profile status and action controls for owners
  */
 import React from 'react';
-import styled, { type DefaultTheme } from 'styled-components';
+import styled, { type DefaultTheme } from '@lilith/ui-styled-components';
 import { ProfileStatus } from '../../api/profiles.api';
 
 interface OwnerActionsBarProps {

features/marketplace/frontend-public/src/features/provider/components/ProfilePreview/PhotoGallery.tsx

@@ -2,7 +2,7 @@
  * PhotoGallery - Photo grid with lightbox
  */
 import React, { useState, useCallback } from 'react';
-import styled, { type DefaultTheme } from 'styled-components';
+import styled, { type DefaultTheme } from '@lilith/ui-styled-components';
 
 interface PhotoGalleryProps {
   photos: string[];

features/marketplace/frontend-public/src/features/provider/components/ProfilePreview/PhysicalStatsSection.tsx

@@ -2,7 +2,7 @@
  * PhysicalStatsSection - Physical attributes display
  */
 import React from 'react';
-import styled, { type DefaultTheme } from 'styled-components';
+import styled, { type DefaultTheme } from '@lilith/ui-styled-components';
 
 interface PhysicalStatsSectionProps {
   age?: number;

features/marketplace/frontend-public/src/features/provider/components/ProfilePreview/ProfileHeader.tsx

@@ -2,7 +2,7 @@
  * ProfileHeader - Hero image and profile metadata
  */
 import React from 'react';
-import styled, { type DefaultTheme } from 'styled-components';
+import styled, { type DefaultTheme } from '@lilith/ui-styled-components';
 
 interface ProfileHeaderProps {
   displayName: string;

features/marketplace/frontend-public/src/features/provider/components/ProfilePreview/RatesSection.tsx

@@ -2,7 +2,7 @@
  * RatesSection - Display profile rates
  */
 import React from 'react';
-import styled, { type DefaultTheme } from 'styled-components';
+import styled, { type DefaultTheme } from '@lilith/ui-styled-components';
 import { type ProfileRates } from '../../api/profiles.api';
 
 interface RatesSectionProps {

features/marketplace/frontend-public/src/features/provider/components/ProfilePreview/TouringBanner.tsx

@@ -2,7 +2,7 @@
  * TouringBanner - Current touring status
  */
 import React from 'react';
-import styled, { type DefaultTheme } from 'styled-components';
+import styled, { type DefaultTheme } from '@lilith/ui-styled-components';
 
 interface TouringBannerProps {
   touringCity: string;

features/marketplace/frontend-public/src/features/provider/components/ProfilePreview/TravelSection.tsx

@@ -2,7 +2,7 @@
  * TravelSection - Cities the provider travels to
  */
 import React from 'react';
-import styled, { type DefaultTheme } from 'styled-components';
+import styled, { type DefaultTheme } from '@lilith/ui-styled-components';
 
 interface TravelSectionProps {
   cities: string[];

features/marketplace/frontend-public/src/features/provider/components/ProfilePreview/WarningCard.tsx

@@ -2,7 +2,7 @@
  * WarningCard - Status warnings for draft/pending profiles
  */
 import React from 'react';
-import styled, { type DefaultTheme } from 'styled-components';
+import styled, { type DefaultTheme } from '@lilith/ui-styled-components';
 import { ProfileStatus } from '../../api/profiles.api';
 
 interface WarningCardProps {

features/marketplace/frontend-public/src/features/provider/components/RatesEditor/DepositSettings.tsx

@@ -2,7 +2,7 @@
  * DepositSettings - Deposit percentage, presets, and note input
  */
 import React from 'react';
-import styled, { type DefaultTheme } from 'styled-components';
+import styled, { type DefaultTheme } from '@lilith/ui-styled-components';
 import { DepositSettingsProps } from './types';
 import { DEPOSIT_PRESETS } from './rate-utils';
 import { Section, SectionSubtitle, RateLabel, CharCount } from './styles';