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 99b9d8e3..3b51e182 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"
+    />
+  );
+}