Refactor feedback handling across components: Replace alert and confirm calls with centralized feedback functions for improved user experience. Update various components to utilize showError, showSuccess, and confirmAction for consistent messaging and confirmation dialogs. Enhance UI responsiveness and maintainability by streamlining feedback logic.

frontend/src/components/falukant/StorageSection.vue

@@ -76,6 +76,7 @@
   
   <script>
   import apiClient from '@/utils/axios.js';
+  import { showError } from '@/utils/feedback.js';
   export default {
     name: "StorageSection",
     props: { branchId: { type: Number, required: true } },
@@ -164,12 +165,12 @@
             });
           } catch (err) {
             console.error(err);
-            alert('Error buying storage for one part of the order');
+            showError(this, 'Fehler beim Kaufen eines Teils der Lagerkapazität.');
           }
           remainingAmount -= toBuy;
         }
         if (remainingAmount > 0) {
-          alert(this.$t('falukant.branch.storage.notEnoughAvailable'));
+          showError(this, this.$t('falukant.branch.storage.notEnoughAvailable'));
         }
         this.loadStorageData();
       },
@@ -185,7 +186,7 @@
         .then(() => this.loadStorageData())
         .catch(err => {
           console.error(err);
-          alert('Error selling storage');
+          showError(this, 'Fehler beim Verkaufen der Lagerkapazität.');
         });
       },
       getCostOfType(labelTr) {
@@ -216,4 +217,4 @@
     border: 1px solid #ddd;
   }
   </style>
-  
+