refactor(frontend): revise the scrollbar styling on the settings page (#11297)

frontend/src/components/features/settings/settings-layout.tsx

@@ -48,7 +48,9 @@ export function SettingsLayout({
         />
 
         {/* Main content */}
-        <main className="flex-1 overflow-auto">{children}</main>
+        <main className="flex-1 overflow-auto custom-scrollbar-always">
+          {children}
+        </main>
       </div>
     </div>
   );

frontend/src/routes/settings.tsx

@@ -68,7 +68,7 @@ function SettingsScreen() {
       <SettingsLayout navigationItems={navItems} isSaas={isSaas}>
         <div className="flex flex-col gap-6 h-full">
           <Typography.H2>{t(currentSectionTitle)}</Typography.H2>
-          <div className="flex-1 overflow-auto">
+          <div className="flex-1 overflow-auto custom-scrollbar-always">
             <Outlet />
           </div>
         </div>