Fix/vite path alias configuration 142

frontend/src/components/APYComparison.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import { useLiquidityRewards } from '../hooks/useLiquidityRewards';
-import { formatAPY } from '../utils/liquidityRewardsCalculator';
-import type { MarketVolume } from '../utils/liquidityRewardsCalculator';
+import { useLiquidityRewards } from '@/hooks/useLiquidityRewards';
+import { formatAPY } from '@/utils/liquidityRewardsCalculator';
+import type { MarketVolume } from '@/utils/liquidityRewardsCalculator';
 
 interface APYComparisonProps {
   liquidityAmount: number;

frontend/src/components/AccessibilityAnnouncer.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import type { ScreenReaderAnnouncement } from '../types/accessibility';
+import type { ScreenReaderAnnouncement } from '@/types/accessibility';
 
 interface AccessibilityAnnouncerProps {
   announcement?: ScreenReaderAnnouncement;

frontend/src/components/AdminAnalyticsDashboard.tsx

@@ -6,12 +6,12 @@
  */
 
 import React, { useState, useEffect } from 'react';
-import { useAnalytics } from '../hooks/useAnalytics';
+import { useAnalytics } from '@/hooks/useAnalytics';
 import { StatsCard, StatsGrid } from './StatsCard';
 import { VolumeChart, CategoryPieChart, ActivityChart } from './charts';
 import { TimeRangeSelector, TimeRangeDropdown } from './TimeRangeSelector';
 import { LoadingState } from './Loading';
-import type { TimeRange } from '../types/analytics';
+import type { TimeRange } from '@/types/analytics';
 
 interface AdminMetrics {
   totalUsers: number;
@@ -37,11 +37,11 @@
 export function AdminAnalyticsDashboard() {
   const {
     platformStats,
     topMarkets,
     volumeHistory,
     categoryDistribution,
     userActivity,
     marketHealth,
     predictiveInsights,
     isLoading,
     timeRange,

frontend/src/components/CacheDashboard.tsx

@@ -1,6 +1,6 @@
 import { useState, useEffect } from 'react';
-import { cacheManager } from '../utils/cache';
-import { marketCacheService } from '../services/MarketCacheService';
+import { cacheManager } from '@/utils/cache';
+import { marketCacheService } from '@/services/MarketCacheService';
 
 interface CacheStats {
   memoryCacheSize: number;

frontend/src/components/CreateProposalModal.tsx

@@ -5,7 +5,7 @@
  */
 
 import { useReducer } from 'react';
-import { formatVotingPower } from '../hooks/useGovernance';
+import { formatVotingPower } from '@/hooks/useGovernance';
 
 interface CreateProposalModalProps {
   isOpen: boolean;

frontend/src/components/DisputeCard.tsx

@@ -6,8 +6,8 @@
  */
 
 import { useState } from 'react';
-import type { Dispute, DisputeVote } from '../types/oracle';
-import { formatDisputeStatus, getDisputeStatusColor, formatBlocksToTime, DISPUTE_STATUS } from '../types/oracle';
+import type { Dispute, DisputeVote } from '@/types/oracle';
+import { formatDisputeStatus, getDisputeStatusColor, formatBlocksToTime, DISPUTE_STATUS } from '@/types/oracle';
 
 interface DisputeCardProps {
   dispute: Dispute;

frontend/src/components/EmergencyPauseBanner.tsx

@@ -1,9 +1,9 @@
 import { useEffect, useRef } from 'react';
 import { Link } from 'react-router-dom';
 import { useWallet } from './WalletProvider';
-import { useContractPause } from '../hooks/useContractPause';
-import { NotificationService } from '../services/NotificationService';
-import { PushNotificationService } from '../services/PushNotificationService';
+import { useContractPause } from '@/hooks/useContractPause';
+import { NotificationService } from '@/services/NotificationService';
+import { PushNotificationService } from '@/services/PushNotificationService';
 
 export function EmergencyPauseBanner() {
   const { address } = useWallet();

frontend/src/components/ErrorBoundary.tsx

@@ -1,5 +1,5 @@
 import React, { Component, ErrorInfo, ReactNode } from 'react';
-import { errorLoggingService } from '../services/ErrorLoggingService';
+import { errorLoggingService } from '@/services/ErrorLoggingService';
 
 interface Props {
   children: ReactNode;

frontend/src/components/ErrorDisplay.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ApiError, ErrorCode } from '../utils/apiErrors';
+import { ApiError, ErrorCode } from '@/utils/apiErrors';
 
 interface ErrorDisplayProps {
   error: ApiError | Error | null;

frontend/src/components/ErrorMonitoringDashboard.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
-import { errorLoggingService } from '../services/ErrorLoggingService';
-import type { ErrorLog } from '../services/ErrorLoggingService';
+import { errorLoggingService } from '@/services/ErrorLoggingService';
+import type { ErrorLog } from '@/services/ErrorLoggingService';
 
 interface ErrorStats {
   total: number;

frontend/src/components/ExportDialog.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
-import type { ExportFormat, ExportType, ExportOptions } from '../types/export';
-import type { TransactionData, Portfolio, Position, RewardData } from '../types/transactions';
-import { useExport } from '../hooks/useExport';
+import type { ExportFormat, ExportType, ExportOptions } from '@/types/export';
+import type { TransactionData, Portfolio, Position, RewardData } from '@/types/transactions';
+import { useExport } from '@/hooks/useExport';
 import ExportOptions from './ExportOptions';
 import ExportProgress from './ExportProgress';
 

frontend/src/components/ExportOptions.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import type { ExportFormat, ExportType, ExportOptions as ExportOptionsType } from '../types/export';
+import type { ExportFormat, ExportType, ExportOptions as ExportOptionsType } from '@/types/export';
 
 interface ExportOptionsProps {
   exportType: ExportType;

frontend/src/components/ExportProgress.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ExportProgress as ExportProgressType } from '../types/export';
+import type { ExportProgress as ExportProgressType } from '@/types/export';
 
 interface ExportProgressProps {
   progress: ExportProgressType;

frontend/src/components/Footer.tsx

@@ -1,7 +1,7 @@
 import { Link } from 'react-router-dom';
 import { Logo } from './Logo';
-import { useNetwork } from '../contexts/NetworkContext';
-import { getExplorerAddressUrl } from '../utils/transactions';
+import { useNetwork } from '@/contexts/NetworkContext';
+import { getExplorerAddressUrl } from '@/utils/transactions';
 
 export function Footer() {
   const { network, contractAddress } = useNetwork();

frontend/src/components/FraudAlertPanel.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useReducer, memo } from 'react';
-import { FraudAlert, SuspiciousActivity } from '../types/reputation';
-import { reputationFraudIntegration } from '../services/ReputationFraudIntegrationService';
+import { FraudAlert, SuspiciousActivity } from '@/types/reputation';
+import { reputationFraudIntegration } from '@/services/ReputationFraudIntegrationService';
 
 interface FraudAlertPanelProps {
   userId: string;

frontend/src/components/GDPRConsentBanner.tsx

@@ -5,7 +5,7 @@
  */
 
 import React, { useState, useEffect } from 'react';
-import { GDPRComplianceService } from '../services/GDPRComplianceService';
+import { GDPRComplianceService } from '@/services/GDPRComplianceService';
 
 interface GDPRConsentBannerProps {
   onConsent?: (consent: { analytics: boolean; marketing: boolean; personalization: boolean }) => void;

frontend/src/components/GDPRPrivacyDashboard.tsx

@@ -1,8 +1,8 @@
 import React, { useState, useEffect } from 'react';
-import { GDPRComplianceService, DataProcessingActivity } from '../services/GDPRComplianceService';
-import { DataExportService } from '../services/DataExportService';
-import { DataDeletionService } from '../services/DataDeletionService';
-import { DataRetentionService } from '../services/DataRetentionService';
+import { GDPRComplianceService, DataProcessingActivity } from '@/services/GDPRComplianceService';
+import { DataExportService } from '@/services/DataExportService';
+import { DataDeletionService } from '@/services/DataDeletionService';
+import { DataRetentionService } from '@/services/DataRetentionService';
 
 interface GDPRPrivacyDashboardProps {
   userId: string;

frontend/src/components/Header.tsx

@@ -3,11 +3,11 @@ import { Link, useLocation } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import { Logo } from './Logo';
 import { useWallet } from './WalletProvider';
-import { formatAddress } from '../utils/helpers';
+import { formatAddress } from '@/utils/helpers';
 import { NetworkSelector } from './NetworkSelector';
 import { ThemeSwitcher } from './ThemeSwitcher';
 import { LanguageSwitcher } from './LanguageSwitcher';
-import { useNetwork } from '../contexts/NetworkContext';
+import { useNetwork } from '@/contexts/NetworkContext';
 
 interface NavItemProps {
   path: string;

frontend/src/components/KYCVerificationForm.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { reputationFraudIntegration } from '../services/ReputationFraudIntegrationService';
+import { reputationFraudIntegration } from '@/services/ReputationFraudIntegrationService';
 
 interface KYCVerificationFormProps {
   userId: string;

frontend/src/components/LeaderboardComponent.tsx

@@ -6,7 +6,7 @@
 
 import React, { useState, useMemo } from 'react';
 import { Link } from 'react-router-dom';
-import { getLeaderboardService, type LeaderboardSortBy } from '../services/LeaderboardService';
+import { getLeaderboardService, type LeaderboardSortBy } from '@/services/LeaderboardService';
 
 interface LeaderboardComponentProps {
   limit?: number;

frontend/src/components/LiquidityCard.tsx

@@ -4,8 +4,8 @@
  * Displays liquidity pool information and user position.
  */
 
-import type { LiquidityPool, LPPosition } from '../types/liquidity';
-import { formatStxAmount } from '../types/liquidity';
+import type { LiquidityPool, LPPosition } from '@/types/liquidity';
+import { formatStxAmount } from '@/types/liquidity';
 
 interface LiquidityCardProps {
   pool: LiquidityPool;

frontend/src/components/LiquidityMiningPage.tsx

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { LiquidityRewardsCalculator } from './LiquidityRewardsCalculator';
 import { RewardHistoryChart } from './RewardHistoryChart';
 import { APYComparison } from './APYComparison';
-import type { MarketVolume } from '../utils/liquidityRewardsCalculator';
+import type { MarketVolume } from '@/utils/liquidityRewardsCalculator';
 
 interface LiquidityMiningPageProps {
   marketId?: number;

frontend/src/components/LiquidityRewardsCalculator.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
-import { useLiquidityRewards } from '../hooks/useLiquidityRewards';
-import { formatRewardAmount, formatAPY } from '../utils/liquidityRewardsCalculator';
+import { useLiquidityRewards } from '@/hooks/useLiquidityRewards';
+import { formatRewardAmount, formatAPY } from '@/utils/liquidityRewardsCalculator';
 
 interface LiquidityRewardsCalculatorProps {
   marketId?: number;

frontend/src/components/LiquidityStats.tsx

@@ -1,6 +1,6 @@
 import { useState, useMemo } from 'react';
-import type { LiquidityPool, LPPosition, PendingRewards } from '../types/liquidity';
-import { formatStxAmount, calculateAPY } from '../types/liquidity';
+import type { LiquidityPool, LPPosition, PendingRewards } from '@/types/liquidity';
+import { formatStxAmount, calculateAPY } from '@/types/liquidity';
 
 interface LiquidityStatsProps {
   pools: LiquidityPool[];

frontend/src/components/LogViewer.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { logger, type LogEntry, type LogLevel } from '../utils/logger';
+import { logger, type LogEntry, type LogLevel } from '@/utils/logger';
 
 interface LogViewerProps {
   refreshInterval?: number;

frontend/src/components/MarketCard.tsx

@@ -1,11 +1,11 @@
 import { memo } from 'react';
 import { Link } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
-import type { Market } from '../types/market';
-import { MarketStatus } from '../types/market';
-import { calculateOdds, formatStx, getStatusLabel } from '../utils/helpers';
-import { categorizeMarket, getCategoryConfig } from '../utils/marketCategories';
-import { useWatchlist } from '../contexts/WatchlistContext';
+import type { Market } from '@/types/market';
+import { MarketStatus } from '@/types/market';
+import { calculateOdds, formatStx, getStatusLabel } from '@/utils/helpers';
+import { categorizeMarket, getCategoryConfig } from '@/utils/marketCategories';
+import { useWatchlist } from '@/contexts/WatchlistContext';
 import type { MouseEvent } from 'react';
 
 interface MarketCardProps {

frontend/src/components/MarketCreationWizard.tsx

@@ -1,16 +1,16 @@
 import React, { useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useWallet } from './WalletProvider';
-import { useMarketCreation } from '../hooks/useMarketCreation';
-import { useTemplateWizard } from '../hooks/useTemplateWizard';
-import { getTemplate } from '../config/templates';
+import { useMarketCreation } from '@/hooks/useMarketCreation';
+import { useTemplateWizard } from '@/hooks/useTemplateWizard';
+import { getTemplate } from '@/config/templates';
 import { TemplateSelection } from './TemplateSelection';
 import { QuestionForm } from './QuestionForm';
 import { MarketReview } from './MarketReview';
 import { WizardProgress } from './WizardProgress';
 import { TemplateHelp } from './TemplateHelp';
-import type { CreateMarketFormData } from '../types/market';
-import type { TemplateCategory } from '../types/template';
+import type { CreateMarketFormData } from '@/types/market';
+import type { TemplateCategory } from '@/types/template';
 
 export function MarketCreationWizard() {
   const navigate = useNavigate();

frontend/src/components/MarketFilter.tsx

@@ -9,8 +9,8 @@ import {
   SortOption,
   CATEGORIES,
   SORT_OPTIONS,
-} from '../utils/marketCategories';
-import { TimeRange, VolumeRange } from '../types/filters';
+} from '@/utils/marketCategories';
+import { TimeRange, VolumeRange } from '@/types/filters';
 
 interface MarketFilterProps {
   selectedCategory: MarketCategory;

frontend/src/components/MarketForm.tsx

@@ -8,17 +8,17 @@ import { useState, useEffect, useMemo, useCallback } from 'react';
 import type { 
   CreateMarketFormData, 
   MarketCategory
-} from '../types/market';
+} from '@/types/market';
 import { 
   MARKET_CATEGORIES, 
   MARKET_DURATIONS, 
   CATEGORY_METADATA 
-} from '../types/market';
+} from '@/types/market';
 import { 
   validateMarketForm, 
   formatBlocksToTime,
   suggestQuestionImprovements 
-} from '../utils/marketValidation';
+} from '@/utils/marketValidation';
 
 interface MarketFormProps {
   onSubmit: (data: CreateMarketFormData) => void;

frontend/src/components/MarketRecommendations.tsx

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { Market } from '../types/market';
+import { Market } from '@/types/market';
 import { MarketCard } from './MarketCard';
 
 interface MarketRecommendationsProps {

frontend/src/components/MarketReview.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { MarketTemplate } from '../types/template';
-import { CATEGORY_METADATA } from '../types/market';
+import type { MarketTemplate } from '@/types/template';
+import { CATEGORY_METADATA } from '@/types/market';
 
 interface MarketReviewProps {
   question: string;

frontend/src/components/MigrationManager.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
-import { useMigration } from '../hooks/useMigration';
-import { Migration } from '../services/MigrationService';
+import { useMigration } from '@/hooks/useMigration';
+import { Migration } from '@/services/MigrationService';
 
 interface MigrationManagerProps {
   migrationContract: { address: string; name: string };

frontend/src/components/MonitoringDashboard.tsx

@@ -1,5 +1,5 @@
 import React, { useReducer, useEffect, memo } from 'react';
-import { monitoringService } from '../services/MonitoringService';
+import { monitoringService } from '@/services/MonitoringService';
 
 interface MonitoringDashboardProps {
   refreshInterval?: number;

frontend/src/components/NetworkBadge.tsx

@@ -4,7 +4,7 @@
  * Visual indicator showing current network status
  */
 
-import { useNetwork } from '../contexts/NetworkContext';
+import { useNetwork } from '@/contexts/NetworkContext';
 
 interface NetworkBadgeProps {
   size?: 'sm' | 'md' | 'lg';

frontend/src/components/NetworkSelector.tsx

@@ -5,8 +5,8 @@
  */
 
 import { useState, useRef, useEffect } from 'react';
-import { useNetwork } from '../contexts/NetworkContext';
-import { NetworkType, NETWORK_CONFIGS } from '../types/network';
+import { useNetwork } from '@/contexts/NetworkContext';
+import { NetworkType, NETWORK_CONFIGS } from '@/types/network';
 
 interface NetworkSelectorProps {
   variant?: 'dropdown' | 'toggle' | 'compact';

frontend/src/components/NetworkSwitchDialog.tsx

@@ -6,7 +6,7 @@
  */
 
 import { useState } from 'react';
-import { NetworkType, NETWORK_CONFIGS } from '../types/network';
+import { NetworkType, NETWORK_CONFIGS } from '@/types/network';
 
 interface NetworkSwitchDialogProps {
   isOpen: boolean;

frontend/src/components/NotificationBell.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { useNotifications } from '../hooks/useNotifications';
+import { useNotifications } from '@/hooks/useNotifications';
 import NotificationCenter from './NotificationCenter';
 
 interface NotificationBellProps {

frontend/src/components/NotificationCenter.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
-import { useNotifications } from '../hooks/useNotifications';
-import type { Notification, NotificationStatus, NotificationType } from '../types/notifications';
+import { useNotifications } from '@/hooks/useNotifications';
+import type { Notification, NotificationStatus, NotificationType } from '@/types/notifications';
 
 interface NotificationCenterProps {
   userId: string;

frontend/src/components/NotificationPreferences.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
-import { useNotificationPreferences } from '../hooks/useNotificationPreferences';
-import type { NotificationType, NotificationChannel, NotificationFrequency } from '../types/notifications';
+import { useNotificationPreferences } from '@/hooks/useNotificationPreferences';
+import type { NotificationType, NotificationChannel, NotificationFrequency } from '@/types/notifications';
 
 const NOTIFICATION_TYPES: NotificationType[] = [
   'price_movement',