huge update

components/ResizableGhostEditor.tsx

@@ -8,36 +8,19 @@ import {
   Eye,
   EyeOff,
   Settings,
-  Link as LinkIcon,
-  Tag,
-  Calendar,
   Globe,
   Github,
-  Image as ImageIcon,
   Bold,
   Italic,
   List,
-  Hash,
   Quote,
   Code,
-  Zap,
-  Type,
-  Columns,
-  PanelLeft,
-  PanelRight,
-  Monitor,
-  Smartphone,
-  Tablet,
-  Undo,
-  Redo,
-  AlignLeft,
-  AlignCenter,
-  AlignRight,
   Link2,
   ListOrdered,
   Underline,
   Strikethrough,
-  GripVertical
+  GripVertical,
+  Image as ImageIcon
 } from 'lucide-react';
 
 interface Project {
@@ -59,7 +42,7 @@ interface Project {
 
 interface ResizableGhostEditorProps {
   project?: Project | null;
-  onSave: (projectData: any) => void;
+  onSave: (projectData: Partial<Project>) => void;
   onClose: () => void;
   isCreating: boolean;
 }
@@ -277,7 +260,7 @@ export const ResizableGhostEditor: React.FC<ResizableGhostEditorProps> = ({
 
   // Enhanced markdown renderer with proper white text
   const renderMarkdownPreview = (markdown: string) => {
-    let html = markdown
+    const html = markdown
       // Headers - WHITE TEXT
       .replace(/^### (.*$)/gim, '<h3 class="text-xl font-semibold text-white mb-3 mt-6">$1</h3>')
       .replace(/^## (.*$)/gim, '<h2 class="text-2xl font-bold text-white mb-4 mt-8">$1</h2>')