improve loading

src/components/TopBar.vue

@@ -3,6 +3,8 @@ import { addNote, setActiveNote, rootNote } from '@/composables/useNotes'
 import { user, signOut as firebaseSignOut } from '@/composables/useFirebase'
 import { initialized } from '@/composables/useFirebase'
 
+const loading = inject<boolean>('loading')
+
 const props = defineProps<{
   sideBarCollapsed: boolean
 }>()
@@ -42,7 +44,7 @@ const authModalInitialStateOpen = ref<boolean>(authUI.isPendingRedirect())
         />
       </div>
       <div class="flex h-full flex-grow flex-row items-center gap-2 pl-5 pr-3">
-        <template v-if="initialized">
+        <template v-if="!loading">
           <SearchBar @active="(active) => (searchActive = active)" />
           <button
             class="search-active-hide btn-outline btn-sm btn py-1 text-white"