Add money history graph feature: Implement moneyHistoryGraph method in FalukantService and corresponding controller and router updates. Enhance frontend with a new dialog for displaying money history over various time ranges, including localization updates for German and English. This improves user experience by providing visual insights into financial data.

frontend/src/views/falukant/MoneyHistoryView.vue

@@ -9,6 +9,12 @@
       <button @click="fetchMoneyHistory(1)">{{ $t('falukant.moneyHistory.search') }}</button>
     </div>
 
+    <div class="graph-section">
+      <button @click="openGraphDialog">
+        {{ $t('falukant.moneyHistory.graph.open') }}
+      </button>
+    </div>
+
     <table>
       <thead>
         <tr>
@@ -42,17 +48,21 @@
         {{ $t('falukant.moneyHistory.next') }}
       </button>
     </div>
+
+    <MoneyHistoryGraphDialog ref="graphDialog" />
   </div>
 </template>
 
 <script>
 import StatusBar from '@/components/falukant/StatusBar.vue'
+import MoneyHistoryGraphDialog from '@/dialogues/falukant/MoneyHistoryGraphDialog.vue'
 import apiClient from '@/utils/axios.js';
 
 export default {
   name: 'MoneyHistoryView',
   components: {
     StatusBar,
+    MoneyHistoryGraphDialog,
   },
   computed: {
     locale() {
@@ -97,6 +107,9 @@ export default {
       }
       return translation !== key ? translation : activity;
     },
+    openGraphDialog() {
+      this.$refs.graphDialog.open();
+    },
   },
 };
 </script>
@@ -106,6 +119,10 @@ export default {
   margin-bottom: 1rem;
 }
 
+.graph-section {
+  margin-bottom: 1rem;
+}
+
 table {
   width: 100%;
   border-collapse: collapse;