fix(components): Sheet orientation in stories

front/src/components/ui/label.stories.tsx

@@ -21,7 +21,9 @@ type Story = StoryObj<LabelProps>;
 const Render = (args: LabelProps) => (
 	<div className="flex items-center space-x-2">
 		<Checkbox id="example" />
-		<Label htmlFor="example" {...args}>Click me!</Label>
+		<Label htmlFor="example" {...args}>
+			Click me!
+		</Label>
 	</div>
 );
 

front/src/components/ui/label.tsx

@@ -1,19 +1,22 @@
-"use client"
+"use client";
 
 import { Root } from "@radix-ui/react-label";
-import React from "react"
+import React from "react";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
-export type LabelProps = React.ComponentPropsWithoutRef<typeof Root>
+export type LabelProps = React.ComponentPropsWithoutRef<typeof Root>;
 
 const Label = React.forwardRef<React.ElementRef<typeof Root>, LabelProps>(({ className, ...props }, ref) => (
-  <Root
-    ref={ref}
-    className={cn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-primary", className)}
-    {...props}
-  />
-))
-Label.displayName = Root.displayName
+	<Root
+		ref={ref}
+		className={cn(
+			"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-primary",
+			className,
+		)}
+		{...props}
+	/>
+));
+Label.displayName = Root.displayName;
 
-export { Label }
+export { Label };

front/src/components/ui/sheet.stories.tsx

@@ -17,9 +17,15 @@ const meta: Meta<SheetContentProps> = {
 	component: Sheet,
 	title: "Sheet",
 	args: {
+		side: "right",
 		className: "",
 	},
 	argTypes: {
+		side: {
+			type: "string",
+			control: "select",
+			options: ["top", "right", "bottom", "left"],
+		},
 		className: {
 			type: "string",
 			control: "text",