feat: support i18n namespace

web/src/pages/probeshell.tsx

@@ -43,7 +43,7 @@ export default function ProbeShellGenerator() {
     },
   });
 
-    const { t } = useTranslation();
+  const { t } = useTranslation(["common", "probeshell"]);
 
   const form = useForm<ProbeShellFormSchema>({
     resolver: useYupValidationProbeResolver(probeShellFormSchema, t),
@@ -82,7 +82,7 @@ export default function ProbeShellGenerator() {
 
         if (!response.ok) {
           const json: APIErrorResponse = await response.json();
-          toast.error(t("errors.generationFailed", { error: json.error }));
+          toast.error(t("toast.generateError", { error: json.error }));
           return;
         }
 
@@ -91,21 +91,30 @@ export default function ProbeShellGenerator() {
         setPackResult(result.packResult);
         setAllPackResults(result.allPackResults);
         setPackMethod(data.packingMethod);
-        toast.success(t("success.generated"));
+        toast.success(t("toast.generateSuccess"));
       } catch (error) {
-        toast.error(t("errors.generationFailed", { error: (error as Error).message }));
+        toast.error(
+          t("toast.generateError", { error: (error as Error).message }),
+        );
       }
     });
-  }
+  };
   return (
     <Form {...form}>
-      <form onSubmit={form.handleSubmit(onSubmit)} className="flex flex-col xl:flex-row gap-4 p-4">
+      <form
+        onSubmit={form.handleSubmit(onSubmit)}
+        className="flex flex-col xl:flex-row gap-4 p-4"
+      >
         <div className="w-full xl:w-1/2 space-y-4">
           <MainConfigCard form={form} servers={serverConfig} />
           <PackageConfigCard form={form} packerConfig={packerConfig} />
           <Button className="w-full" type="submit" disabled={isActionPending}>
-            {isActionPending ? <LoaderCircle className="animate-spin" /> : <WandSparklesIcon />}
-            {t("buttons.generate")}
+            {isActionPending ? (
+              <LoaderCircle className="animate-spin" />
+            ) : (
+              <WandSparklesIcon />
+            )}
+            {t("probeshell:buttons.generate")}
           </Button>
         </div>
         <div className="w-full xl:w-1/2 space-y-4">