fix: OU-1195 fix translations with string interpolation

Author: zhuje

web/locales/en/plugin__monitoring-plugin.json

@@ -186,9 +186,13 @@
   "Dashboard name '{{dashboardName}}' already exists in '{{projectName}}' project!": "Dashboard name '{{dashboardName}}' already exists in '{{projectName}}' project!",
   "Project is required": "Project is required",
   "Dashboard name is required": "Dashboard name is required",
+  "Project \"{{project}}\" created successfully": "Project \"{{project}}\" created successfully",
+  "Failed to create project \"{{project}}\". Please try again.": "Failed to create project \"{{project}}\". Please try again.",
+  "Error creating project: {{error}}": "Error creating project: {{error}}",
   "Failed to create dashboard. Please try again.": "Failed to create dashboard. Please try again.",
+  "Checking permissions...": "Checking permissions...",
   "Create": "Create",
-  "You don't have permissions to create dashboards": "You don't have permissions to create dashboards",
+  "To create dashboards, contact your cluster administrator for permission.": "To create dashboards, contact your cluster administrator for permission.",
   "Create Dashboard": "Create Dashboard",
   "Select project": "Select project",
   "Select a project": "Select a project",

web/src/components/dashboards/perses/dashboard-create-dialog.tsx

@@ -101,12 +101,17 @@ export const DashboardCreateDialog: React.FunctionComponent = () => {
       if (!projectExists) {
         try {
           await createProjectMutation.mutateAsync(selectedProject as string);
-          addAlert(`Project "${selectedProject}" created successfully`, 'success');
+          addAlert(
+            t('Project "{{project}}" created successfully', { project: selectedProject }),
+            'success',
+          );
         } catch (projectError) {
           const errorMessage =
             projectError?.message ||
-            `Failed to create project "${selectedProject}". Please try again.`;
-          addAlert(`Error creating project: ${errorMessage}`, 'danger');
+            t('Failed to create project "{{project}}". Please try again.', {
+              project: selectedProject,
+            });
+          addAlert(t('Error creating project: {{error}}', { error: errorMessage }), 'danger');
           setFormErrors({ general: errorMessage });
           return;
         }