fix: auto hide scrollbar on sidebar (#4697)

Author: kavinvalli

web/components/layout/auth/DesktopSidebar.tsx

@@ -1,5 +1,6 @@
 import { ProFeatureWrapper } from "@/components/shared/ProBlockerComponents/ProFeatureWrapper";
 import { Button } from "@/components/ui/button";
+import { ScrollArea } from "@/components/ui/scroll-area";
 import { cn } from "@/lib/utils";
 import { useLocalStorage } from "@/services/hooks/localStorage";
 import { OnboardingState } from "@/services/hooks/useOrgOnboarding";
@@ -262,7 +263,11 @@ const DesktopSidebar = ({
 
           {/* Main content area */}
           <div className="flex min-h-0 flex-1 flex-col">
-            <div className="mb-2 flex h-full flex-1 flex-col justify-between overflow-y-auto">
+            <ScrollArea
+              className="mb-2 flex h-full flex-1 flex-col justify-between"
+              width="thin"
+              type="scroll"
+            >
               {/* Navigation items */}
               <div className="flex flex-col">
                 {/* Quickstart Card - Only show if organization hasn't integrated */}
@@ -359,7 +364,7 @@ const DesktopSidebar = ({
                     </div>
                   </div>
                 ))}
-            </div>
+            </ScrollArea>
 
             <div className="flex flex-col gap-2 p-3">
               <Button