feat: add comments

components/ui/drawer.tsx

@@ -46,10 +46,14 @@ const DrawerContent = React.forwardRef<
   React.ComponentRef<typeof DrawerPrimitive.Content>,
   React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content> & {
     direction?: "top" | "bottom" | "left" | "right";
+    /** Override the scrim styling — e.g. "bg-transparent" for a see-through
+     *  overlay that keeps the content behind the drawer visible while still
+     *  catching outside clicks to dismiss. */
+    overlayClassName?: string;
   }
->(({ className, children, direction = "bottom", ...props }, ref) => (
+>(({ className, children, direction = "bottom", overlayClassName, ...props }, ref) => (
   <DrawerPortal>
-    <DrawerOverlay />
+    <DrawerOverlay className={overlayClassName} />
     <DrawerPrimitive.Content
       ref={ref}
       className={cn(