video 블록 및 리펙터링

src/app/editor/panels/PropertiesSidebar.tsx

@@ -1,12 +1,13 @@
 "use client";
 
-import type { Block, ButtonBlockProps, FormBlockProps, ListBlockProps, SectionBlockProps, TextBlockProps } from "@/features/editor/state/editorStore";
+import type { Block, ButtonBlockProps, FormBlockProps, ListBlockProps, SectionBlockProps, TextBlockProps, VideoBlockProps } from "@/features/editor/state/editorStore";
 import { ButtonPropertiesPanel } from "./ButtonPropertiesPanel";
 import { TextPropertiesPanel } from "./TextPropertiesPanel";
 import { ListPropertiesPanel } from "./ListPropertiesPanel";
 import { DividerPropertiesPanel } from "./DividerPropertiesPanel";
 import { ImagePropertiesPanel } from "./ImagePropertiesPanel";
 import { SectionPropertiesPanel } from "./SectionPropertiesPanel";
+import { VideoPropertiesPanel } from "./VideoPropertiesPanel";
 import { FormInputPropertiesPanel } from "../forms/FormInputPropertiesPanel";
 import { FormSelectPropertiesPanel } from "../forms/FormSelectPropertiesPanel";
 import { FormCheckboxPropertiesPanel } from "../forms/FormCheckboxPropertiesPanel";
@@ -142,6 +143,18 @@ export function PropertiesSidebar(props: PropertiesSidebarProps) {
               );
             }
 
+            if (selectedBlock.type === "video") {
+              const videoProps = selectedBlock.props as VideoBlockProps;
+
+              return (
+                <VideoPropertiesPanel
+                  videoProps={videoProps}
+                  selectedBlockId={selectedBlockId}
+                  updateBlock={(id, partial) => updateBlock(id, partial as any)}
+                />
+              );
+            }
+
             if (selectedBlock.type === "section") {
               const sectionProps = selectedBlock.props as SectionBlockProps;