Make edit button a link

Author: kkamara

frontend/src/components/pages/deliveryAddresses/DeliveryAddressesComponent.jsx

@@ -69,11 +69,12 @@ export default function DeliveryAddressesComponent() {
             </div>
             <div className="card-footer">
               <div className="float-end">
-                <button
-                  className="btn btn-info"
+                <a
+                  className="btn btn-info edit-link-button"
+                  href={`/user-addresses/${address.id}/edit`}
                 >
                   Edit
-                </button>
+                </a>
                 <DeleteDeliveryAddressModal
                   onSuccess={handleDeleteAddress}
                   data={address}

frontend/src/components/pages/deliveryAddresses/DeliveryAddressesComponent.scss

@@ -6,7 +6,7 @@
   .user-address-card-container {
     margin-bottom: 20px;
 
-    button:first-of-type {
+    a.edit-link-button:first-of-type {
       margin-right: 15px;
     }
   }