merge feat/teams-new-ui

Co-authored-by: Isha Gupta <40794215+IshaGupta18@users.noreply.github.com>
Co-authored-by: Liyas Thomas <liyascthomas@gmail.com>
Co-authored-by: Osheen Sachdev <45964755+oshhh@users.noreply.github.com>
Co-authored-by: Rohan Rajpal <rohan46000@gmail.com>
Co-authored-by: Raghav Gupta <raghav.gupta0307@gmail.com>

layouts/default.vue

@@ -14,6 +14,7 @@
 </template>
 
 <script>
+import { fb } from "~/helpers/fb"
 import { setupLocalPersistence } from "~/newstore/localpersistence"
 import { performMigrations } from "~/helpers/migrations"
 
@@ -37,6 +38,17 @@ export default {
       "%cContribute: https://github.com/hoppscotch/hoppscotch",
       "background-color:black;padding:4px 8px;border-radius:8px;font-size:16px;color:white;"
     )
+
+    // Update GraphQL Token on firebase ID Token changes
+    fb.idToken$.subscribe((token) => {
+      if (token) {
+        console.log(token)
+        this.$apolloHelpers.onLogin(token)
+      } else {
+        this.$apolloHelpers.onLogout()
+      }
+    })
+
     const workbox = await window.$workbox
     if (workbox) {
       workbox.addEventListener("installed", (event) => {