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

src-ui/app/config_page/topbar/Topbar.jsx

@@ -16,8 +16,8 @@ export const Topbar = () => {
 
     return (
         <div className={clsx(styles.container, {
-            [styles.show_config]: currentIsOpenedConfigPage,
-            [styles.show_main]: !currentIsOpenedConfigPage
+            [styles.show_config]: currentIsOpenedConfigPage.data,
+            [styles.show_main]: !currentIsOpenedConfigPage.data
         })}>
             <div className={styles.wrapper} onClick={() => closeConfigPage()}>
                 <div className={styles.go_back_button}>

src-ui/app/config_page/topbar/section_title_box/SectionTitleBox.jsx

@@ -7,7 +7,7 @@ export const SectionTitleBox = () => {
     const { currentSelectedConfigTabId } = useStore_SelectedConfigTabId();
     return (
         <div className={styles.container}>
-            <p className={styles.title}>{t(`config_page.side_menu_labels.${currentSelectedConfigTabId}`)}</p>
+            <p className={styles.title}>{t(`config_page.side_menu_labels.${currentSelectedConfigTabId.data}`)}</p>
         </div>
     );
 };