Parameterize app name

src/routes/chat/[chat]/+page.svelte

@@ -35,7 +35,7 @@
   import ProfileList from "@app/components/ProfileList.svelte"
   import ChatMessage from "@app/components/ChatMessage.svelte"
   import ChatCompose from "@app/components/ChannelCompose.svelte"
-  import {deriveChat, splitChatId} from "@app/state"
+  import {deriveChat, splitChatId, PLATFORM_NAME} from "@app/state"
   import {pushModal} from "@app/modal"
   import {sendWrapped} from "@app/commands"
 
@@ -147,7 +147,7 @@
             Your inbox is not configured.
           </p>
           <p>
-            In order to deliver messages, Flotilla needs to know where to send them. Please visit
+            In order to deliver messages, {PLATFORM_NAME} needs to know where to send them. Please visit
             your <Link class="link" href="/settings/relays">relay settings page</Link> to set up your
             inbox.
           </p>

src/routes/home/+page.svelte

@@ -6,6 +6,7 @@
   import SpaceAdd from "@app/components/SpaceAdd.svelte"
   import ChatStart from "@app/components/ChatStart.svelte"
   import {pushModal} from "@app/modal"
+  import {PLATFORM_NAME} from "@app/state"
 
   const addSpace = () => pushModal(SpaceAdd)
 
@@ -16,7 +17,7 @@
   <div class="hero-content">
     <div class="column content gap-4">
       <h1 class="text-center text-5xl">Welcome to</h1>
-      <h1 class="mb-4 text-center text-5xl font-bold uppercase">Flotilla</h1>
+      <h1 class="mb-4 text-center text-5xl font-bold uppercase">{PLATFORM_NAME}</h1>
       <div class="grid gap-3 lg:grid-cols-2">
         <Button on:click={addSpace}>
           <CardButton>

src/routes/settings/+page.svelte

@@ -7,7 +7,7 @@
   import Button from "@lib/components/Button.svelte"
   import ProfileMultiSelect from "@app/components/ProfileMultiSelect.svelte"
   import {pushToast} from "@app/toast"
-  import {SETTINGS, userSettings} from "@app/state"
+  import {SETTINGS, PLATFORM_NAME, userSettings} from "@app/state"
 
   const settings = {...$userSettings?.values}
 
@@ -50,7 +50,7 @@
         class="toggle toggle-primary"
         bind:checked={settings.hide_sensitive} />
       <p slot="info">
-        If content is marked by the author as sensitive, flotilla will hide it by default.
+        If content is marked by the author as sensitive, {PLATFORM_NAME} will hide it by default.
       </p>
     </FieldInline>
     <div class="mt-4 flex flex-row items-center justify-between gap-4">

src/routes/settings/about/+page.svelte

@@ -4,6 +4,7 @@
   import Button from "@lib/components/Button.svelte"
   import ProfileDetail from "@app/components/ProfileDetail.svelte"
   import {pushDrawer} from "@app/modal"
+  import {PLATFORM_NAME} from "@app/state"
 
   const openProfile = () =>
     pushDrawer(ProfileDetail, {
@@ -15,7 +16,7 @@
   <div class="hero-content">
     <div class="column content gap-6">
       <p class="text-center text-2xl">Thanks for using</p>
-      <h1 class="mb-4 text-center text-5xl font-bold uppercase">Flotilla</h1>
+      <h1 class="mb-4 text-center text-5xl font-bold uppercase">{PLATFORM_NAME}</h1>
       <div class="grid grid-cols-1 gap-8 lg:grid-cols-2">
         <div class="card2 bg-alt flex flex-col gap-2 text-center shadow-2xl">
           <h3 class="text-2xl sm:h-12">Donate</h3>