Add descriptive text help for URL Username in FTUE

Author: davinotdavid

frontend/src/locales/de.json

@@ -49,6 +49,7 @@
     "createYourProfile": "Dein Profil erstellen",
     "fullName": "Vollständiger Name",
     "urlUsername": "URL Benutzername",
+    "urlUsernameHelp": "Wähle einen eindeutigen Namen. Dies wird dein Buchungslink sein.",
     "createAccount": "Konto erstellen",
     "connectYourCalendar": "Kalender verbinden",
     "connectYourCalendarInfo": "Thunderbird Appointment benötigt Zugriff auf einen Kalender, um deine Verfügbarkeit zu prüfen. Du kannst jederzeit weitere Kalender aus den Einstellungen verbinden.",

frontend/src/locales/en.json

@@ -49,6 +49,7 @@
     "createYourProfile": "Create your profile",
     "fullName": "Full Name",
     "urlUsername": "URL Username",
+    "urlUsernameHelp": "Choose a unique name. This will be your booking link.",
     "createAccount": "Create account",
     "connectYourCalendar": "Connect your calendar",
     "connectYourCalendarInfo": "Thunderbird Appointment needs access to a calendar to check your availability. You can always connect more from Settings later.",

frontend/src/views/FTUEView/steps/CreateYourProfileStep.vue

@@ -109,6 +109,7 @@ const onSubmit = async () => {
       :outer-prefix="quickLink"
       v-model="username"
       :error="usernameError"
+      :help="t('ftue.urlUsernameHelp')"
     >
       {{ t('ftue.urlUsername') }}
     </text-input>