[Refactor] Change state management structures. Async atom to be manage manually.

src-ui/app/main_page/main_section/top_bar/sidebar_compact_mode_button/SidebarCompactModeButton.jsx

@@ -8,11 +8,11 @@ export const SidebarCompactModeButton = () => {
     const { updateIsMainPageCompactMode, currentIsMainPageCompactMode } = useStore_IsMainPageCompactMode();
 
     const toggleCompactMode = () => {
-        updateIsMainPageCompactMode(!currentIsMainPageCompactMode);
+        updateIsMainPageCompactMode(!currentIsMainPageCompactMode.data);
     };
 
     const class_names = clsx(styles["arrow_left_svg"], {
-        [styles["reverse"]]: currentIsMainPageCompactMode
+        [styles["reverse"]]: currentIsMainPageCompactMode.data
     });
 
     return (