Widen sidebar separator in footer

- Use a full-width calc-based width for the sidebar separator
- Keeps footer separator aligned with sidebar padding

Author: BunsDev

apps/web/src/components/ui/sidebar.tsx

@@ -704,7 +704,7 @@ function SidebarFooter({ className, ...props }: React.ComponentProps<"div">) {
 function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>) {
   return (
     <Separator
-      className={cn("mx-2 w-auto bg-sidebar-border", className)}
+      className={cn("mx-2 w-[calc(100%-1rem)] bg-sidebar-border", className)}
       data-sidebar="separator"
       data-slot="sidebar-separator"
       {...props}