add placeholder texts

src/View/homePage.tsx

@@ -21,6 +21,7 @@ export function HomePage(
         <div>
           <span>{translations.homePage.serverAddress}</span>
           <input
+            placeholder={translations.homePage.serverAddressPlaceholder}
             bind:value={connectionViewModel.serverAddressInput}
             on:enter={connectionViewModel.connect}
           ></input>
@@ -79,6 +80,7 @@ export function HomePage(
         <div>
           <span>{translations.homePage.yourNameLabel}</span>
           <input
+            placeholder={translations.homePage.yourNamePlaceholder}
             bind:value={settingsViewModel.nameInput}
             on:enter={settingsViewModel.setName}
           ></input>

src/View/translations.ts

@@ -34,6 +34,7 @@ const englishTranslations = {
     overviewHeadline: "Overview",
 
     serverAddress: "Server address",
+    serverAddressPlaceholder: "wss://192.168.0.69:3000",
     connectAudioLabel: "connect to server",
     disconnectAudioLabel: "disconnect from server",
     manageConnectionsAudioLabel: "manage connections",
@@ -46,6 +47,7 @@ const englishTranslations = {
     outboxAllItemsSent: "All items sent",
 
     yourNameLabel: "Your name",
+    yourNamePlaceholder: "Jane Doe",
     setNameButton: "Set",
 
     firstDayOfWeekLabel: "First day of week",