fix: update ScrollArea component in Layout to enforce overflow styles

- Changed the overflow-y style in the ScrollArea component to use !important for better control over scrolling behavior.
- This adjustment aims to enhance the layout's usability and ensure consistent scrolling across the application.

src/components/Layout/index.tsx

@@ -196,7 +196,7 @@ export const CommonLayout = observer(({
         </header>
         {/* backdrop  pt-6 -mt-6 to fix the editor tooltip position */}
 
-        <ScrollArea onBottom={() => { }} className="h-[calc(100%_-_70px)] overflow-y-auto overflow-x-hidden">
+        <ScrollArea onBottom={() => { }} className="h-[calc(100%_-_70px)] !overflow-y-auto overflow-x-hidden">
           <div className="relative flex h-full w-full flex-col rounded-medium layout-container" >
             {children}
           </div>