fix: locale de brand name

front/app/src/routes/(root)/(online)/(app)/accounts/[account]/account-station-item.svelte

@@ -112,8 +112,7 @@
           {#if now_playing.start_on_connect}
             <div class="now-playing-sub">
               {#if now_playing.external_relay_url != null}
-                <!-- TODO: locale -->
-                Relay
+                {$locale.misc.Relay}  
               {:else}
                 {$locale.pages["account/dashboard"].station_item.playlist}
               {/if}
@@ -126,8 +125,7 @@
             {:else if now_playing.kind === "playlist"}
               {$locale.pages["account/dashboard"].station_item.playlist}
             {:else if now_playing.kind === "external-relay"}
-              <!-- TODO: locale -->
-              Relay
+              {$locale.misc.Relay}
             {/if}
           </div>
         {/if}

front/app/src/routes/(root)/(online)/(app)/accounts/[account]/stations/[station]/+page.svelte

@@ -231,14 +231,12 @@
                 {#if data.now_playing.kind === "playlist"}
                   {$locale.pages["station/dashboard"].playlist}
                 {:else if data.now_playing.kind === "external-relay"}
-                  <!-- TODO: locale -->
-                  Relay
+                  {$locale.misc.Relay}
                 {:else if data.now_playing.kind === "live"}
                   {$locale.pages["station/dashboard"].live}
                 {:else if data.now_playing.kind === "none"}
                   {#if data.now_playing.external_relay_url != null}
-                    <!-- TODO: locale -->
-                    Relay
+                    {$locale.misc.Relay}
                   {:else}
                     {$locale.pages["station/dashboard"].playlist}
                   {/if}

front/app/src/routes/(root)/(online)/(app)/accounts/[account]/stations/[station]/settings/+page.svelte

@@ -82,8 +82,7 @@
       }
 
       await _patch(`/api/stations/${data.station._id}`, payload);
-      // TODO: locale
-      _message("Settings updated");
+      _message($locale.misc.Settings_updated);
 
       saving_relay = false;
     } catch(e) {
@@ -265,18 +264,16 @@
     <div class="page-title">{$locale.pages["station/settings"].title}</div>
 
     <div class="section">
-      <!-- TODO: locale -->
-      <h2>Master relay</h2>
+
+      <h2>{$locale.misc.Master_relay}</h2>
 
       <Formy action={save_external_relay} let:submit>
         <form class="section-box relay-box" on:submit={submit}>
           <div class="relay-switch">
-            <!-- TODO: locale -->
-            <BooleanField bind:value={external_relay_enabled} label="Enable master relay" />
+            <BooleanField bind:value={external_relay_enabled} label={$locale.misc.Enable_master_relay} />
           </div>
           <div class="relay-field">
-            <!-- TODO: locale -->
-            <TextField label="Master Relay URL" disabled={!external_relay_enabled} bind:value={external_relay_url}  />
+            <TextField label={$locale.misc.Master_Relay_URL} disabled={!external_relay_enabled} bind:value={external_relay_url}  />
             <Validator value={external_relay_url} fn={_validate_external_relay_url} />
           </div>
 
@@ -285,8 +282,7 @@
               <!-- <div class="invite-dialog-send-icon">
                 <Icon d={mdiAccountPlusOutline} />
               </div> -->
-              <!-- TODO: locale -->
-              Save
+              {$locale.misc.Save}
             </div>
             {#if saving_relay}
               <div class="relay-send-sending" transition:scale|local={{ duration: 300 }}>
@@ -356,18 +352,16 @@
       </Formy>
     {:else}
       <div class="delete-no-owner-message">
-        <!-- TODO: locale -->
-        Only account administrators can delete stations. <br/> <br/>
-        Contact the account administrators if you want to delete this station.
+
+        {@html $locale.misc.delete_station_not_owner_message_html}
 
         <div class="delete-dialog-btns">
           <button
             class="delete-dialog-btn-cancel ripple-container"
             use:ripple
             on:click={() => (delete_open = false)}
           >
-            <!-- TODO: locale -->
-            OK
+            {@html $locale.misc.delete_station_not_owner_OK}
           </button>
         </div>
 

front/app/src/routes/(root)/(online)/(app)/accounts/[account]/welcome/+page.svelte

@@ -2,6 +2,7 @@
   export let data: import("./$types").PageData;
   import Page from "$lib/components/Page.svelte";
 	import { ripple } from "$share/ripple";
+  import { locale } from "$lib/locale";
 </script>
 
 <style>
@@ -37,17 +38,22 @@
 </style>
 
 <svelte:head>
-  <title>Welcome</title>
+  <title>{$locale.misc.Welcome}</title>
 </svelte:head>
 
 <Page>
-  <h1>Hello <b>{data.user.first_name}</b></h1>
-  <p>Welcome to <b>openstream</b></p>
-  <p>You are now the owner of your newly created account</p>
-  <p>To start broadcasting right away, add your first station to your account</p>
+
+  <h1>
+    {@html $locale.misc.account_welcome_title_html.replace("@name", data.user.first_name)}
+  </h1>
+
+  <p>{@html $locale.misc.account_welcome_message_1_html.replace("@brand", $locale.brand_name)}</p>
+  <p>{@html $locale.misc.account_welcome_message_2_html}</p>
+  <p>{@html $locale.misc.account_welcome_message_3_html}</p>
+
   <div class="btn-out">
     <a class="na btn ripple-container" href="/accounts/{data.account._id}/stations/create-station" use:ripple>
-      Create my first station
+      {$locale.misc.Create_my_first_station}
     </a>
   </div>
 </Page>

front/server/src/locale/studio/studio.de.ts

@@ -15,6 +15,9 @@ const locale = {
   // @notranslate
   "logo_text": "openstream",
 
+  // @notranslate
+  "brand_name": "Openstream",
+
   // @notranslate
   "app_name": "Openstream Studio",