Fix some icons, add privacy nav item, add close button to modal dialog, make settings menu nicer

src/routes/settings/+layout.svelte

@@ -6,7 +6,7 @@
   import Wallet from "@assets/icons/wallet.svg?dataurl"
   import Server from "@assets/icons/server.svg?dataurl"
   import Moon from "@assets/icons/moon.svg?dataurl"
-  import InfoSquare from "@assets/icons/info-square.svg?dataurl"
+  import Code2 from "@assets/icons/code-2.svg?dataurl"
   import Exit from "@assets/icons/logout-3.svg?dataurl"
   import GalleryMinimalistic from "@assets/icons/gallery-minimalistic.svg?dataurl"
   import Shield from "@assets/icons/shield-minimalistic.svg?dataurl"
@@ -73,7 +73,7 @@
     </div>
     <div in:fly|local={{delay: 350}}>
       <SecondaryNavItem href="/settings/about">
-        <Icon icon={InfoSquare} /> About
+        <Icon icon={Code2} /> About
       </SecondaryNavItem>
     </div>
     <div in:fly|local={{delay: 400}}>

src/routes/spaces/+page.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import {insertAt, removeAt} from "@welshman/lib"
-  import SettingsMinimalistic from "@assets/icons/settings-minimalistic.svg?dataurl"
+  import Planet from "@assets/icons/planet-3.svg?dataurl"
   import AddCircle from "@assets/icons/add-circle.svg?dataurl"
   import Icon from "@lib/components/Icon.svelte"
   import Button from "@lib/components/Button.svelte"
@@ -98,7 +98,7 @@
   <PageBar class="cw-full">
     <div class="flex items-center justify-between gap-4">
       <div class="ellipsize flex items-center gap-4 whitespace-nowrap">
-        <Icon icon={SettingsMinimalistic} />
+        <Icon icon={Planet} />
         <strong>Your Spaces</strong>
       </div>
       {#if $userSpaceUrls.length > 0 && PLATFORM_RELAYS.length === 0}