feat: fixed UI and added permissions check to backend

frontend/src/hooks/api/migration/mutations.tsx

@@ -5,23 +5,27 @@ import { apiRequest } from "@app/config/request";
 import { workspaceKeys } from "../workspace";
 
 export const useImportEnvKey = () => {
-    const queryClient = useQueryClient();
+  const queryClient = useQueryClient();
 
-    return useMutation({
-        mutationFn: async ({ encryptedJson, decryptionKey }: {
-            encryptedJson: {
-                nonce: string,
-                data: string
-            }, decryptionKey: string
-        }): Promise<{ success: boolean, message: string }> => {
-            const { data } = await apiRequest.post("/api/v3/migrate/env-key/", {
-                encryptedJson,
-                decryptionKey
-            });
-            return data;
-        },
-        onSuccess: () => {
-            queryClient.invalidateQueries(workspaceKeys.getAllUserWorkspace);
-        }
-    });
-};
+  return useMutation({
+    mutationFn: async ({
+      encryptedJson,
+      decryptionKey
+    }: {
+      encryptedJson: {
+        nonce: string;
+        data: string;
+      };
+      decryptionKey: string;
+    }) => {
+      const { data } = await apiRequest.post("/api/v3/migrate/env-key/", {
+        encryptedJson,
+        decryptionKey
+      });
+      return data;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries(workspaceKeys.getAllUserWorkspace);
+    }
+  });
+};