Move another username to i18n key

Same as #17818 - this time in the delete user dialog

Author: hawkeye217

web/public/locales/en/views/settings.json

@@ -474,7 +474,7 @@
       "deleteUser": {
         "title": "Delete User",
         "desc": "This action cannot be undone. This will permanently delete the user account and remove all associated data.",
-        "warn": "Are you sure you want to delete"
+        "warn": "Are you sure you want to delete <strong>{{username}}</strong>?"
       },
       "passwordSetting": {
         "updatePassword": "Update Password for {{username}}",

web/src/components/overlay/DeleteUserDialog.tsx

@@ -1,4 +1,4 @@
-import { useTranslation } from "react-i18next";
+import { Trans, useTranslation } from "react-i18next";
 import { Button } from "../ui/button";
 import {
   Dialog,
@@ -35,8 +35,14 @@ export default function DeleteUserDialog({
 
         <div className="my-4 rounded-md border border-destructive/20 bg-destructive/5 p-4 text-center text-sm">
           <p className="font-medium text-destructive">
-            {t("users.dialog.deleteUser.warn")}
-            <span className="font-medium"> {username}</span>?
+            <Trans
+              i18nKey="users.dialog.deleteUser.warn"
+              ns="views/settings"
+              values={{ username }}
+              components={{
+                strong: <span className="font-medium" />,
+              }}
+            />
           </p>
         </div>