public profile editing

src/routes/Settings.svelte

@@ -13,6 +13,7 @@
   import { instanceDomain } from '$lib/api/endpoints'
   import { displayNameOf, profilePath } from '$lib/util/profile'
   import Module from '$components/common/Module.svelte'
+  import PublicProfileEditor from '$components/profile/PublicProfileEditor.svelte'
   import PublishedCssEditor from '$components/profile/PublishedCssEditor.svelte'
 
   const { session, theme } = useAppServices()
@@ -89,7 +90,7 @@
 
 <div class="page settings-page">
   <h1 class="page-title">Settings</h1>
-  <p class="page-subtitle">Everything here is stored in this browser only.</p>
+  <p class="page-subtitle">Edit your public profile and customise how plspace looks.</p>
 
   <div class="layout--single">
     <Module title="Your account">
@@ -118,6 +119,10 @@
       {/if}
     </Module>
 
+    <Module title="Your public profile" variant="band">
+      <PublicProfileEditor />
+    </Module>
+
     <Module title="Pick a layout" variant="band">
       <ul class="preset-list">
         {#each PRESETS as preset (preset.id)}