Speed up data loading, make it more lazy

src/app/components/LogIn.svelte

@@ -10,7 +10,7 @@
   import {pushModal, clearModal} from '@app/modal'
   import {pushToast} from '@app/toast'
   import {addSession} from '@app/base'
-  import {loadUserData, loadHandle} from '@app/state'
+  import {loadHandle} from '@app/state'
 
   const back = () => history.back()
 
@@ -27,12 +27,8 @@
 
     const {pubkey, relays = []} = handle
     const broker = Nip46Broker.get(pubkey, secret, handler)
-    const [profile, success] = await Promise.all([
-      loadUserData(pubkey, relays),
-      broker.connect(),
-    ])
 
-    if (success) {
+    if (await broker.connect()) {
       addSession({method: "nip46", pubkey, secret, handler})
       pushToast({message: "Successfully logged in!"})
       clearModal()

src/app/components/PrimaryNav.svelte

@@ -13,7 +13,7 @@
   import PrimaryNavItem from "@lib/components/PrimaryNavItem.svelte"
   import SpaceAdd from '@app/components/SpaceAdd.svelte'
   import {session} from "@app/base"
-  import {deriveGroupMembership, makeGroupId, getGroup, deriveProfile, qualifiedGroupsById, getGroupNom} from "@app/state"
+  import {deriveGroupMembership, makeGroupId, loadGroup, deriveProfile, qualifiedGroupsById, splitGroupId} from "@app/state"
   import {pushModal} from "@app/modal"
 
   const addSpace = () => pushModal(SpaceAdd)
@@ -27,10 +27,12 @@
     const $userGroupsByNom = new Map()
 
     for (const id of $membership?.ids || []) {
-      const nom = getGroupNom(id)
+      const [url, nom] = splitGroupId(id)
       const group = $qualifiedGroupsById.get(id)
       const groups = $userGroupsByNom.get(nom) || []
 
+      loadGroup(nom, [url])
+
       if (group) {
         groups.push(group)
       }