single firebaseui import

src/components/TopBar.vue

@@ -2,8 +2,6 @@
 import { addNote, setActiveNote, rootNote } from '@/composables/useNotes'
 import { user, signOut as firebaseSignOut } from '@/composables/useFirebase'
 import { initialized } from '@/composables/useFirebase'
-import firebase from 'firebase/compat/app'
-import * as firebaseui from 'firebaseui'
 
 const props = defineProps<{
   sideBarCollapsed: boolean
@@ -18,11 +16,8 @@ const signOut = async (close: () => Promise<boolean>) => {
   close()
 }
 
-const authModalInitialStateOpen = ref(
-  (
-    firebaseui.auth.AuthUI.getInstance() || new firebaseui.auth.AuthUI(firebase.auth())
-  ).isPendingRedirect()
-)
+const authUI: any = inject('firebaseAuthUI')
+const authModalInitialStateOpen = ref(authUI.isPendingRedirect())
 </script>
 <template>
   <div class="fixed left-0 right-0 top-0 z-[500] flex h-[50px] bg-primary">
@@ -62,7 +57,6 @@ const authModalInitialStateOpen = ref(
           <template v-else-if="user">
             <div class="dropdown-end dropdown">
               <label tabindex="0" class="btn-outline btn-sm btn py-1 text-white">
-                <!-- {{ user.displayName || user.email }} -->
                 <i class="fa-fw fa-solid fa-user-gear" />
               </label>
               <ul