1 files changed, 68 insertions, 68 deletions
diff --git a/apps/web/src/components/editor-header.tsx b/apps/web/src/components/editor-header.tsx
index 3b51e182..99b9d8e3 100644
--- a/apps/web/src/components/editor-header.tsx
+++ b/apps/web/src/components/editor-header.tsx
@@ -1,68 +1,68 @@
-"use client";
-
-import Link from "next/link";
-import { Button } from "./ui/button";
-import { ChevronLeft, Download } from "lucide-react";
-import { useTimelineStore } from "@/stores/timeline-store";
-import { HeaderBase } from "./header-base";
-import { formatTimeCode } from "@/lib/time";
-import { useProjectStore } from "@/stores/project-store";
-import { KeyboardShortcutsHelp } from "./keyboard-shortcuts-help";
-
-export function EditorHeader() {
-  const { getTotalDuration } = useTimelineStore();
-  const { activeProject } = useProjectStore();
-
-  const handleExport = () => {
-    // TODO: Implement export functionality
-    console.log("Export project");
-  };
-
-  const leftContent = (
-    <div className="flex items-center gap-2">
-      <Link
-        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>
-    </div>
-  );
-
-  const centerContent = (
-    <div className="flex items-center gap-2 text-xs">
-      <span>
-        {formatTimeCode(
-          getTotalDuration(),
-          "HH:MM:SS:FF",
-          activeProject?.fps || 30
-        )}
-      </span>
-    </div>
-  );
-
-  const rightContent = (
-    <nav className="flex items-center gap-2">
-      <KeyboardShortcutsHelp />
-      <Button
-        size="sm"
-        variant="primary"
-        className="h-7 text-xs"
-        onClick={handleExport}
-      >
-        <Download className="h-4 w-4" />
-        <span className="text-sm">Export</span>
-      </Button>
-    </nav>
-  );
-
-  return (
-    <HeaderBase
-      leftContent={leftContent}
-      centerContent={centerContent}
-      rightContent={rightContent}
-      className="bg-background h-[3.2rem] px-4"
-    />
-  );
-}
+"use client";
+
+import Link from "next/link";
+import { Button } from "./ui/button";
+import { ChevronLeft, Download } from "lucide-react";
+import { useTimelineStore } from "@/stores/timeline-store";
+import { HeaderBase } from "./header-base";
+import { formatTimeCode } from "@/lib/time";
+import { useProjectStore } from "@/stores/project-store";
+import { KeyboardShortcutsHelp } from "./keyboard-shortcuts-help";
+
+export function EditorHeader() {
+	const { getTotalDuration } = useTimelineStore();
+	const { activeProject } = useProjectStore();
+
+	const handleExport = () => {
+		// TODO: Implement export functionality
+		console.log("Export project");
+	};
+
+	const leftContent = (
+		<div className="flex items-center gap-2">
+			<Link
+				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>
+		</div>
+	);
+
+	const centerContent = (
+		<div className="flex items-center gap-2 text-xs">
+			<span>
+				{formatTimeCode(
+					getTotalDuration(),
+					"HH:MM:SS:FF",
+					activeProject?.fps || 30,
+				)}
+			</span>
+		</div>
+	);
+
+	const rightContent = (
+		<nav className="flex items-center gap-2">
+			<KeyboardShortcutsHelp />
+			<Button
+				size="sm"
+				variant="primary"
+				className="h-7 text-xs"
+				onClick={handleExport}
+			>
+				<Download className="h-4 w-4" />
+				<span className="text-sm">Export</span>
+			</Button>
+		</nav>
+	);
+
+	return (
+		<HeaderBase
+			leftContent={leftContent}
+			centerContent={centerContent}
+			rightContent={rightContent}
+			className="bg-background h-[3.2rem] px-4"
+		/>
+	);
+}