Small modal and request fixes

src/main/java/com/faf223/expensetrackerfaf/web/src/routes/dashboard/board/graphs/Graph1.svelte

@@ -7,7 +7,7 @@
 	let ctx;
 	let chartCanvas;
 
-	onMount(async () => {
+	async function updateGraph() {
 		const token = getCookie('access_token');
 
 		const config = {
@@ -20,7 +20,6 @@
 			const response = await axios.get('http://localhost:8081/incomes/personal-incomes', config);
 			const incomeData = response.data;
 
-			// Create a function to group and sum incomes by category
 			function groupAndSumByCategory(incomes) {
 				const groupedData = new Map();
 				incomes.forEach(income => {
@@ -34,10 +33,8 @@
 				return groupedData;
 			}
 
-			// Group and sum incomes by category
 			const groupedIncomeData = groupAndSumByCategory(incomeData);
 
-			// Extract category names and summed values
 			const chartLabels = Array.from(groupedIncomeData.keys());
 			const chartValues = Array.from(groupedIncomeData.values());
 
@@ -60,7 +57,9 @@
 		} catch (error) {
 			console.error('Error:', error);
 		}
-	});
+	}
+
+	onMount(updateGraph);
 </script>
 
 <div id="chart">

src/main/java/com/faf223/expensetrackerfaf/web/src/routes/dashboard/board/graphs/Graph2.svelte

@@ -7,8 +7,7 @@
 	let ctx;
 	let chartCanvas;
 
-	onMount(async () => {
+	async function updateGraph() {
-
 		const token = getCookie('access_token');
 
 		const config = {
@@ -65,7 +64,9 @@
 		} catch (error) {
 			console.error('Error:', error);
 		}
-	});
+	}
+
+	onMount(updateGraph);
 </script>
 
 <div id="chart">

src/main/java/com/faf223/expensetrackerfaf/web/src/routes/dashboard/board/graphs/Graph3.svelte

@@ -7,7 +7,7 @@
 	let ctx;
 	let chartCanvas;
 
-	onMount(async () => {
+	async function updateGraph() {
 		const token = getCookie('access_token');
 
 		const config = {
@@ -50,7 +50,9 @@
 		} catch (error) {
 			console.error('Error:', error);
 		}
-	});
+	}
+
+	onMount(updateGraph);
 </script>
 
 <div id="chart">

src/main/java/com/faf223/expensetrackerfaf/web/src/routes/dashboard/board/infolists/Expenses.svelte

@@ -8,7 +8,7 @@
     let parentHeight;
     let listParentHeight;
 
-    onMount(async () => {
+    async function updateInfo() {
         const token = getCookie('access_token');
 
         const config = {
@@ -24,7 +24,8 @@
         } catch (error) {
             console.error('Error:', error);
         }
-    });
+    }
+    onMount(updateInfo);
 
     afterUpdate(() => {
         parentHeight = document.querySelector('#expenseInfo').offsetHeight;

src/main/java/com/faf223/expensetrackerfaf/web/src/routes/dashboard/board/infolists/Incomes.svelte

@@ -9,7 +9,7 @@
     let parentHeight;
     let listParentHeight;
 
-    onMount(async () => {
+    async function updateInfo() {
         const token = getCookie('access_token');
 
         const config = {
@@ -25,7 +25,8 @@
         } catch (error) {
             console.error('Error:', error);
         }
-    });
+    }
+    onMount(updateInfo);
 
     afterUpdate(() => {
         parentHeight = document.querySelector('#incomeInfo').offsetHeight;

src/main/java/com/faf223/expensetrackerfaf/web/src/routes/dashboard/board/other/DataMenu.svelte

@@ -4,6 +4,14 @@
     import Graph3 from '../graphs/Graph3.svelte';
     import Expenses from "../infolists/Expenses.svelte";
     import Incomes from "../infolists/Incomes.svelte";
+
+    function updateAll() {
+        Graph1.updateGraph();
+        Graph2.updateGraph();
+        Graph3.updateGraph();
+        Expenses.updateInfo();
+        Incomes.updateInfo();
+    }
 </script>
 
 <div id="dataMenu">