Prevented i18n package from escaping text (#704)

* fix: prevented i18n package from escaping text

* Update packages/web/vite.config.ts

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* fix: stupid copilot

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

packages/web/src/components/Dialog/LocationResponseDialog.tsx

@@ -47,6 +47,7 @@ export const LocationResponseDialog = ({
         <DialogHeader>
           <DialogTitle>
             {t("locationResponse.title", {
+              interpolation: { escapeValue: false },
               identifier: `${longName} (${shortName})`,
             })}
           </DialogTitle>

packages/web/src/components/Dialog/NodeDetailsDialog/NodeDetailsDialog.tsx

@@ -169,6 +169,7 @@ export const NodeDetailsDialog = ({
         <DialogHeader>
           <DialogTitle>
             {t("nodeDetails.title", {
+              interpolation: { escapeValue: false },
               identifier: `${node.user?.longName ?? t("unknown.shortName")} (${
                 node.user?.shortName ?? t("unknown.shortName")
               })`,

packages/web/src/components/Dialog/PKIBackupDialog.tsx

@@ -50,6 +50,7 @@ export const PkiBackupDialog = ({
           <head>
             <title>${
         t("pkiBackup.header", {
+          interpolation: { escapeValue: false },
           shortName: getMyNode()?.user?.shortName ?? t("unknown.shortName"),
           longName: getMyNode()?.user?.longName ?? t("unknown.longName"),
         })
@@ -63,6 +64,7 @@ export const PkiBackupDialog = ({
           <body>
             <h1>${
         t("pkiBackup.header", {
+          interpolation: { escapeValue: false },
           shortName: getMyNode()?.user?.shortName ?? t("unknown.shortName"),
           longName: getMyNode()?.user?.longName ?? t("unknown.longName"),
         })
@@ -103,6 +105,7 @@ export const PkiBackupDialog = ({
     const link = document.createElement("a");
     link.href = url;
     link.download = t("pkiBackup.fileName", {
+      interpolation: { escapeValue: false },
       shortName: getMyNode()?.user?.shortName ?? t("unknown.shortName"),
       longName: getMyNode()?.user?.longName ?? t("unknown.longName"),
     });

packages/web/src/components/Dialog/RefreshKeysDialog/RefreshKeysDialog.tsx

@@ -10,7 +10,7 @@ import { LockKeyholeOpenIcon } from "lucide-react";
 import { useRefreshKeysDialog } from "./useRefreshKeysDialog.ts";
 import { useDevice } from "@core/stores/deviceStore.ts";
 import { useTranslation } from "react-i18next";
-import { useMessageStore } from "../../../core/stores/messageStore/index.ts";
+import { useMessageStore } from "@core/stores/messageStore/index.ts";
 
 export interface RefreshKeysDialogProps {
   open: boolean;
@@ -35,6 +35,7 @@ export const RefreshKeysDialog = (
 
   const text = {
     title: t("refreshKeys.title", {
+      interpolation: { escapeValue: false },
       identifier: nodeWithError?.user?.longName ?? "",
     }),
     description: `${t("refreshKeys.description.unableToSendDmPrefix")}${

packages/web/src/core/dto/NodeNumToNodeInfoDTO.ts

@@ -8,14 +8,11 @@ class NodeInfoFactory {
     const last4 = userIdHex.slice(-4);
     const longName = `Meshtastic ${last4}`;
     const shortName = last4;
-    const hwModel = Protobuf.Mesh.HardwareModel.UNSET;
 
     return create(Protobuf.Mesh.UserSchema, {
       id: userId,
-      longName: longName,
-      shortName: shortName,
-      hwModel: hwModel,
-      isLicensed: false,
+      longName: longName.toString(),
+      shortName: shortName.toString(),
     });
   }
 

packages/web/src/pages/Messages.tsx

@@ -308,6 +308,7 @@ export const MessagesPage = () => {
     <PageLayout
       label={`${
         t("page.title", {
+          interpolation: { escapeValue: false },
           chatName: isBroadcast && currentChannel
             ? getChannelName(currentChannel)
             : isDirect && otherNode