Add referenced secret delete warning to batch delete modal inside env

frontend/src/pages/secret-manager/SecretDashboardPage/components/SecretListView/CollapsibleSecretImports.tsx

@@ -28,12 +28,12 @@ interface CollapsibleSecretImportsProps {
       isImported: boolean;
     }[];
   }[];
-  secretToDelete: string;
+  secretsToDelete: string[];
 }
 
 export const CollapsibleSecretImports: React.FC<CollapsibleSecretImportsProps> = ({
   importedBy = [],
-  secretToDelete
+  secretsToDelete
 }) => {
   const { currentWorkspace } = useWorkspace();
 
@@ -83,7 +83,7 @@ export const CollapsibleSecretImports: React.FC<CollapsibleSecretImportsProps> =
         if (folder.secrets?.length) {
           folder.secrets.forEach(({ secretId: secret, referencedSecretKey }) => {
             const secretPath = folder.name === "/" ? `/${secret}` : `${folder.name}/${secret}`;
-            if (referencedSecretKey === secretToDelete) {
+            if (secretsToDelete.includes(referencedSecretKey)) {
               items.push({
                 type: ItemType.Secret,
                 path: secretPath,

frontend/src/pages/secret-manager/SecretDashboardPage/components/SecretListView/SecretListView.tsx

@@ -372,7 +372,7 @@ export const SecretListView = ({
           importedBy.length > 0 && (
             <CollapsibleSecretImports
               importedBy={importedBy}
-              secretToDelete={(popUp.deleteSecret?.data as SecretV3RawSanitized)?.key}
+              secretsToDelete={[(popUp.deleteSecret?.data as SecretV3RawSanitized)?.key || ""]}
             />
           )
         }