refactor: editor header

apps/web/src/components/editor-header.tsx

@@ -5,11 +5,12 @@ import { Button } from "./ui/button";
 import { ChevronLeft, Download } from "lucide-react";
 import { useTimelineStore } from "@/stores/timeline-store";
 import { HeaderBase } from "./header-base";
-import { ProjectNameEditor } from "./editor/project-name-editor";
 import { formatTimeCode } from "@/lib/time";
+import { useProjectStore } from "@/stores/project-store";
 
 export function EditorHeader() {
   const { getTotalDuration } = useTimelineStore();
+  const { activeProject } = useProjectStore();
 
   const handleExport = () => {
     // TODO: Implement export functionality
@@ -19,12 +20,12 @@ export function EditorHeader() {
   const leftContent = (
     <div className="flex items-center gap-2">
       <Link
-        href="/"
+        href="/projects"
         className="font-medium tracking-tight flex items-center gap-2 hover:opacity-80 transition-opacity"
       >
         <ChevronLeft className="h-4 w-4" />
+        <span className="text-sm">{activeProject?.name}</span>
       </Link>
-      <ProjectNameEditor />
     </div>
   );