Fix translation message formatting in AreasContext

Issue: #644

Author: akib22

src/context/AreasContext.jsx

@@ -1,8 +1,8 @@
-import { createContext, useState } from "react";
-import { Action, ObjectType, defaultBlue } from "../data/constants";
-import { useUndoRedo, useTransform, useSelect } from "../hooks";
 import { Toast } from "@douyinfe/semi-ui";
+import { createContext, useState } from "react";
 import { useTranslation } from "react-i18next";
+import { Action, ObjectType, defaultBlue } from "../data/constants";
+import { useSelect, useTransform, useUndoRedo } from "../hooks";
 
 export const AreasContext = createContext(null);
 
@@ -59,7 +59,7 @@ export default function AreasContextProvider({ children }) {
           action: Action.DELETE,
           element: ObjectType.AREA,
           data: areas[id],
-          message: t("delete_area", areas[id].name),
+          message: t("delete_area", { areaName: areas[id].name }),
         },
       ]);
       setRedoStack([]);