fix some navigation issues

src/components/timeline_menu/timeline_menu.js

@@ -1,9 +1,11 @@
+import { mapState as mapPiniaState } from 'pinia'
 import { mapState } from 'vuex'
 
 import { filterNavigation } from 'src/components/navigation/filter.js'
 import { TIMELINES } from 'src/components/navigation/navigation.js'
 import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
+import { useInstanceStore } from 'src/stores/instance.js'
 import { useInterfaceStore } from 'src/stores/interface'
 import { useListsStore } from 'src/stores/lists'
 import BookmarkFoldersMenuContent from '../bookmark_folders_menu/bookmark_folders_menu_content.vue'
@@ -60,11 +62,12 @@ const TimelineMenu = {
     },
     ...mapState({
       currentUser: (state) => state.users.currentUser,
-      privateMode: (state) => state.instance.private,
-      federating: (state) => state.instance.federating,
-      bookmarkFolders: (state) =>
-        state.instance.pleromaBookmarkFoldersAvailable,
-      bubbleTimeline: (state) => state.instance.localBubbleInstances.length > 0,
+    }),
+    ...mapPiniaState(useInstanceStore, {
+      bookmarkFolders: (store) => store.featureSet.pleromaBookmarkFoldersAvailable,
+      bubbleTimeline: (state) => store.featureSet.localBubbleInstances.length > 0,
+      privateMode: (state) => store.private,
+      federating: (state) => store.federating,
     }),
     timelinesList() {
       return filterNavigation(