3 files changed, 15 insertions, 15 deletions

diff --git a/apps/web/src/components/editor-header.tsx b/apps/web/src/components/editor-header.tsx
index e55043e1..e7df2896 100644
--- a/apps/web/src/components/editor-header.tsx
+++ b/apps/web/src/components/editor-header.tsx
@@ -1,15 +1,14 @@
 "use client";

 

+import { Download, SquarePen } from "lucide-react";

 import Link from "next/link";

-import { Button } from "./ui/button";

-import { ChevronLeft, Download, SquarePen } from "lucide-react";

-import { useTimelineStore } from "@/stores/timeline-store";

-import { HeaderBase } from "./header-base";

+import { type MouseEvent, useRef, useState } from "react";

+import { Input } from "@/components/ui/input";

 import { formatTimeCode } from "@/lib/time";

 import { useProjectStore } from "@/stores/project-store";

+import { useTimelineStore } from "@/stores/timeline-store";

+import { HeaderBase } from "./header-base";

 import { KeyboardShortcutsHelp } from "./keyboard-shortcuts-help";

-import { useState, useRef, MouseEvent } from "react";

-import { Input } from "@/components/ui/input";

 import {

   Breadcrumb,

   BreadcrumbItem,

@@ -17,6 +16,7 @@ import {
   BreadcrumbList,

   BreadcrumbSeparator,

 } from "./ui/breadcrumb";

+import { Button } from "./ui/button";

 

 export function EditorHeader() {

   const { getTotalDuration } = useTimelineStore();

diff --git a/apps/web/src/components/editor/properties-panel/index.tsx b/apps/web/src/components/editor/properties-panel/index.tsx
index 49530d4e..3613f271 100644
--- a/apps/web/src/components/editor/properties-panel/index.tsx
+++ b/apps/web/src/components/editor/properties-panel/index.tsx
@@ -1,14 +1,12 @@
 "use client";
 
-import { useProjectStore } from "@/stores/project-store";
+import { FPS_PRESETS } from "@/constants/timeline-constants";
 import { useAspectRatio } from "@/hooks/use-aspect-ratio";
+import { useMediaStore } from "@/stores/media-store";
+import { useProjectStore } from "@/stores/project-store";
+import { useTimelineStore } from "@/stores/timeline-store";
 import { Label } from "../../ui/label";
 import { ScrollArea } from "../../ui/scroll-area";
-import { useTimelineStore } from "@/stores/timeline-store";
-import { useMediaStore } from "@/stores/media-store";
-import { AudioProperties } from "./audio-properties";
-import { MediaProperties } from "./media-properties";
-import { TextProperties } from "./text-properties";
 import {
   Select,
   SelectContent,
@@ -16,7 +14,9 @@ import {
   SelectTrigger,
   SelectValue,
 } from "../../ui/select";
-import { FPS_PRESETS } from "@/constants/timeline-constants";
+import { AudioProperties } from "./audio-properties";
+import { MediaProperties } from "./media-properties";
+import { TextProperties } from "./text-properties";
 
 export function PropertiesPanel() {
   const { activeProject, updateProjectFps } = useProjectStore();
@@ -83,7 +83,7 @@ export function PropertiesPanel() {
               );
 
               if (mediaItem?.type === "audio") {
-                return <AudioProperties element={element} />;
+                return <AudioProperties key={elementId} element={element} />;
               }
 
               return (
diff --git a/apps/web/src/components/header-base.tsx b/apps/web/src/components/header-base.tsx
index b8a214f5..0254f4a3 100644
--- a/apps/web/src/components/header-base.tsx
+++ b/apps/web/src/components/header-base.tsx
@@ -1,7 +1,7 @@
 "use client";

 

+import type { ReactNode } from "react";

 import { cn } from "@/lib/utils";

-import { ReactNode } from "react";

 

 interface HeaderBaseProps {

   leftContent?: ReactNode;