clutter page unsync -> sync

src/App.js

@@ -1,7 +1,9 @@
 import { throttle } from 'lodash'
+import { mapState } from 'pinia'
 import { defineAsyncComponent } from 'vue'
 import { mapGetters } from 'vuex'
 
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
 import DesktopNav from './components/desktop_nav/desktop_nav.vue'
 import EditStatusModal from './components/edit_status_modal/edit_status_modal.vue'
 import FeaturesPanel from './components/features_panel/features_panel.vue'
@@ -184,9 +186,6 @@ export default {
     shoutboxPosition() {
       return this.$store.getters.mergedConfig.alwaysShowNewPostButton || false
     },
-    hideShoutbox() {
-      return this.$store.getters.mergedConfig.hideShoutbox
-    },
     layoutType() {
       return useInterfaceStore().layoutType
     },
@@ -214,6 +213,9 @@ export default {
       return window /* this.$refs.appContentRef */
     },
     ...mapGetters(['mergedConfig']),
+    ...mapState(useServerSideStorageStore, {
+      hideShoutbox: (store) => store.prefsStorage.simple.hideShoutbox,
+    }),
   },
   methods: {
     resizeHandler() {