Allow for multiple platform relays

src/app/components/MenuSpaces.svelte

@@ -5,30 +5,34 @@
   import CardButton from "@lib/components/CardButton.svelte"
   import MenuSpacesItem from "@app/components/MenuSpacesItem.svelte"
   import SpaceAdd from "@app/components/SpaceAdd.svelte"
-  import {userRoomsByUrl} from "@app/state"
+  import {userRoomsByUrl, PLATFORM_RELAYS} from "@app/state"
   import {pushModal} from "@app/modal"
 
   const addSpace = () => pushModal(SpaceAdd)
 </script>
 
 <div class="column menu gap-2">
-  {#if $userRoomsByUrl.size > 0}
-    {#each $userRoomsByUrl.keys() as url (url)}
-      <MenuSpacesItem {url} />
-    {/each}
-    <Divider />
-  {/if}
-  <Button onclick={addSpace}>
-    <CardButton>
-      {#snippet icon()}
-        <div><Icon icon="login-2" size={7} /></div>
-      {/snippet}
-      {#snippet title()}
-        <div>Add a space</div>
-      {/snippet}
-      {#snippet info()}
-        <div>Join or create a new space</div>
-      {/snippet}
-    </CardButton>
-  </Button>
+  {#each PLATFORM_RELAYS as url (url)}
+    <MenuSpacesItem {url} />
+  {:else}
+    {#if $userRoomsByUrl.size > 0}
+      {#each $userRoomsByUrl.keys() as url (url)}
+        <MenuSpacesItem {url} />
+      {/each}
+      <Divider />
+    {/if}
+    <Button onclick={addSpace}>
+      <CardButton>
+        {#snippet icon()}
+          <div><Icon icon="login-2" size={7} /></div>
+        {/snippet}
+        {#snippet title()}
+          <div>Add a space</div>
+        {/snippet}
+        {#snippet info()}
+          <div>Join or create a new space</div>
+        {/snippet}
+      </CardButton>
+    </Button>
+  {/each}
 </div>