Update HeaderWelcome to include username

components/app/SideDrawer.vue

@@ -3,10 +3,7 @@
     <div class="absolute top-0 left-0 w-full h-full bg-black transition-opacity duration-200" :class="show ? 'bg-opacity-60 pointer-events-auto' : 'bg-opacity-0'" @click="clickBackground" />
     <div class="absolute top-0 right-0 w-64 h-full bg-bg transform transition-transform py-6 pointer-events-auto" :class="show ? '' : 'translate-x-64'" @click.stop>
       <div class="px-6 mb-4">
-        <p v-if="user" class="text-base">
+        <p v-if="user" class="text-base" v-html="$getString('HeaderWelcome', [username])" />
-          {{ $strings.HeaderWelcome }}
-          <strong>{{ username }}</strong>
-        </p>
       </div>
 
       <div class="w-full overflow-y-auto">

strings/en-us.json

@@ -92,7 +92,7 @@
   "HeaderStatsRecentSessions": "Recent Sessions",
   "HeaderTableOfContents": "Table of Contents",
   "HeaderUserInterfaceSettings": "User Interface Settings",
-  "HeaderWelcome": "Welcome,",
+  "HeaderWelcome": "Welcome, <strong>{0}</strong>",
   "HeaderYourStats": "Your Stats",
   "LabelAddToPlaylist": "Add to Playlist",
   "LabelAddedAt": "Added At",