responsive design and bug fixes

apps/web/src/components/report/sidebar/ReportSidebar.tsx

@@ -1,13 +1,17 @@
+import { Button } from '@/components/ui/button';
+import { SheetClose } from '@/components/ui/sheet';
+
 import { ReportBreakdowns } from './ReportBreakdowns';
 import { ReportEvents } from './ReportEvents';
-import { ReportSaveButton } from './ReportSaveButton';
 
 export function ReportSidebar() {
   return (
-    <div className="flex flex-col gap-4 p-4">
+    <div className="flex flex-col gap-8">
       <ReportEvents />
       <ReportBreakdowns />
-      <ReportSaveButton />
+      <SheetClose asChild>
+        <Button>Done</Button>
+      </SheetClose>
     </div>
   );
 }