Fix the cant access translations error

fix #226

Author: ffreddow

frontend/src/index.tsx

@@ -138,8 +138,14 @@ export function App() {
     useEffect(() => {
         if (window.parent !== window) {
             console.warn("Warp Charger is running in an iframe, closing window");
-            const errorMessage = t("iframe.error_message");
-            window.parent.postMessage({ type: "error", message: errorMessage }, "*");
+            const errorMessage: Message = {
+                type: MessageType.Error,
+                data: {
+                    translation: "iframe.error_message",
+                    format: {}
+                }
+            };
+            window.parent.postMessage(errorMessage, "*");
             return;
         }
         refresh_access_token();

frontend/src/pages/Frame.tsx

@@ -78,6 +78,10 @@ class VirtualNetworkInterface {
     }
 
     private handleErrorMessage(msg: Message) {
+        if (msg.type !== MessageType.Error) {
+            console.error("handleErrorMessage called with non-error message", msg);
+            return;
+        }
         const data = msg.data as { translation: string, format?: Record<string, unknown> };
         showAlert(i18n.t(data.translation, data.format) as string, "danger");
         this.route("/devices");