Add address deletion functionality with confirmation alert

- Implemented `addressDelete` function in `AddressApi.js` for deleting addresses via API.
- Integrated deletion functionality into contact details page with `handleDeleteAddress`.
- Added `alertConfirm`, `alertSuccess`, and `alertError` for user feedback during the deletion process.
- Updated delete button to trigger the new flow with enhanced confirmation and feedback.

Author: khannedy

src/lib/api/AddressApi.js

@@ -52,4 +52,14 @@ export const addressUpdate = async (token, contactId, addressId, {street, city,
       postal_code
     })
   })
+}
+
+export const addressDelete = async (token, contactId, addressId) => {
+  return await fetch(`${import.meta.env.VITE_URL_API}/contacts/${contactId}/addresses/${addressId}`, {
+    method: 'DELETE',
+    headers: {
+      'Accept': 'application/json',
+      'Authorization': token
+    }
+  })
 }

src/routes/(user)/dashboard/contacts/[id]/+page.svelte

@@ -1,9 +1,9 @@
 <script>
   import {page} from "$app/state";
   import {contactDetail} from "$lib/api/ContactApi.js";
-  import {alertError} from "$lib/alert.js";
+  import {alertConfirm, alertError, alertSuccess} from "$lib/alert.js";
   import {onMount} from "svelte";
-  import {addressList} from "$lib/api/AddressApi.js";
+  import {addressDelete, addressList} from "$lib/api/AddressApi.js";
 
   const token = localStorage.getItem('token');
   const {id} = page.params;
@@ -18,6 +18,23 @@
 
   let addresses = $state([]);
 
+  async function handleDeleteAddress(addressId) {
+    if (!await alertConfirm("Are you sure you want to delete this address?")) {
+      return;
+    }
+
+    const response = await addressDelete(token, id, addressId);
+    const responseBody = await response.json();
+    console.log(responseBody);
+
+    if (response.status === 200) {
+      await alertSuccess("Address deleted successfully");
+      await fetchAddresses();
+    } else {
+      await alertError(responseBody.errors);
+    }
+  }
+
   async function fetchAddresses() {
     const response = await addressList(token, id);
     const responseBody = await response.json();
@@ -164,7 +181,7 @@
                                class="px-4 py-2 bg-gradient text-white rounded-lg hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-gray-800 transition-all duration-200 font-medium shadow-md flex items-center">
                                 <i class="fas fa-edit mr-2"></i> Edit
                             </a>
-                            <button class="px-4 py-2 bg-gradient-to-r from-red-600 to-red-500 text-white rounded-lg hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 focus:ring-offset-gray-800 transition-all duration-200 font-medium shadow-md flex items-center">
+                            <button onclick={() => handleDeleteAddress(address.id)} class="px-4 py-2 bg-gradient-to-r from-red-600 to-red-500 text-white rounded-lg hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 focus:ring-offset-gray-800 transition-all duration-200 font-medium shadow-md flex items-center">
                                 <i class="fas fa-trash-alt mr-2"></i> Delete
                             </button>
                         </div>