[Update] Main Page: Sidebar: Add scroll bar to compact mode.

src-ui/app/main_page/sidebar_section/SidebarSection.module.scss

@@ -8,8 +8,8 @@
     &.is_compact_mode {
         min-width: auto;
         .scroll_container {
-            overflow-y: hidden;
+            // overflow-y: hidden;
-            width: auto;
+            // width: auto;
         }
     }
 }

src-ui/app/main_page/sidebar_section/main_function_switch/MainFunctionSwitch.jsx

@@ -92,11 +92,11 @@ export const SwitchContainer = ({ switchLabel, switch_id, children, currentState
 
     return (
         <div className={getClassNames(styles.switch_container)}
-        onMouseEnter={onMouseEnter}
+            onMouseEnter={onMouseEnter}
-        onMouseLeave={onMouseLeave}
+            onMouseLeave={onMouseLeave}
-        onMouseDown={onMouseDown}
+            onMouseDown={onMouseDown}
-        onMouseUp={onMouseUp}
+            onMouseUp={onMouseUp}
-        onClick={toggleFunction}
+            onClick={toggleFunction}
         >
             <div className={styles.label_wrapper}>
                 <SvgComponent className={getClassNames(styles.switch_svg)} />

src-ui/app/main_page/sidebar_section/main_function_switch/MainFunctionSwitch.module.scss

@@ -22,6 +22,7 @@
     }
     &.is_compact_mode {
         padding: 1.5rem;
+        justify-content: center;
     }
     &.is_pending {
         pointer-events: none;