Work on add space modal

src/app/components/PrimaryNav.svelte

@@ -8,8 +8,12 @@
 <script lang="ts">
   import Icon from "@lib/components/Icon.svelte"
   import PrimaryNavItem from "@lib/components/PrimaryNavItem.svelte"
+  import SpaceAdd from '@app/components/SpaceAdd.svelte'
   import {getGroupName, getGroupPicture, makeGroupId} from "@app/domain"
   import {userGroupRelaysByNom, groupsById} from "@app/state"
+  import {pushModal} from "@app/modal"
+
+  export const addSpace = () => pushModal(SpaceAdd)
 </script>
 
 <div class="relative w-14 bg-base-100">
@@ -32,7 +36,7 @@
           </div>
         </PrimaryNavItem>
       {/each}
-      <PrimaryNavItem title="Add Space">
+      <PrimaryNavItem title="Add Space" on:click={addSpace}>
         <div class="!flex w-10 items-center justify-center">
           <Icon size={7} icon="add-circle" />
         </div>