work on the frontend for the movies

web/src/lib/components/ui/menubar/menubar-sub-content.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+    import {Menubar as MenubarPrimitive} from "bits-ui";
+    import {cn} from "$lib/utils.js";
+
+    let {
+        ref = $bindable(null),
+        class: className,
+        ...restProps
+    }: MenubarPrimitive.SubContentProps = $props();
+</script>
+
+<MenubarPrimitive.SubContent
+        {...restProps}
+        bind:ref
+        class={cn(
+		"bg-popover text-popover-foreground z-50 min-w-max rounded-md border p-1 shadow-lg focus:outline-none",
+		className
+	)}
+/>