Performance Optimization

Frontend Code Splitting

import { lazy, Suspense } from 'react';

// Heavy pages lazy-loaded
const Editor = lazy(() => import('./pages/Editor'));
const Dashboard = lazy(() => import('./pages/Dashboard'));

// Loading fallback (matches dark theme)
function LoadingScreen() {
  return (
    <div className="flex items-center justify-center h-screen bg-[#0D0D0F]">
      <div className="w-8 h-8 border-2 border-[#6C63FF] border-t-transparent rounded-full animate-spin" />
    </div>
  );
}