fix:added a delete modal for env variables

Author: HarshMN2345

src/routes/(console)/project-[region]-[project]/deleteVariableModal.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+    import Confirm from '$lib/components/confirm.svelte';
+    import type { Models } from '@appwrite.io/console';
+
+    export let show = false;
+    export let selectedVar: Models.Variable;
+    export let onDelete: (variable: Models.Variable) => Promise<void>;
+
+    let error: string;
+
+    async function handleDelete() {
+        try {
+            await onDelete(selectedVar);
+            show = false;
+        } catch (e) {
+            error = e.message;
+        }
+    }
+</script>
+
+<Confirm title="Delete variable" bind:open={show} bind:error onSubmit={handleDelete}>
+    <p>Are you sure you want to delete this variable? This action is irreversible.</p>
+</Confirm>

src/routes/(console)/project-[region]-[project]/updateVariables.svelte

@@ -38,6 +38,7 @@
     import { page } from '$app/state';
     import UpdateVariablesModal from './updateVariablesModal.svelte';
     import SecretVariableModal from './secretVariableModal.svelte';
+    import DeleteVariableModal from './deleteVariableModal.svelte';
 
     export let variableList: Models.VariableList;
     export let globalVariableList: Models.VariableList | undefined = undefined;
@@ -64,6 +65,7 @@
     let showEditorModal = false;
     let showUpdate = false;
     let showSecretModal = false;
+    let showDeleteModal = false;
     let offset = 0;
     const limit = 10;
 
@@ -402,7 +404,8 @@
                                                 status="danger"
                                                 trailingIcon={IconTrash}
                                                 on:click={async (e) => {
-                                                    handleVariableDeleted(variable);
+                                                    selectedVar = variable;
+                                                    showDeleteModal = true;
                                                     toggle(e);
                                                 }}>
                                                 Delete
@@ -480,3 +483,10 @@
         {variableList}
         bind:show={showVariablesUpload} />
 {/if}
+
+{#if showDeleteModal}
+    <DeleteVariableModal
+        bind:show={showDeleteModal}
+        {selectedVar}
+        onDelete={handleVariableDeleted} />
+{/if}