feat: add account and currency info to monthly view

app/templates/monthly_overview/fragments/monthly_account_summary.html

@@ -0,0 +1,17 @@
+{% load tools %}
+{% load i18n %}
+{% load currency_display %}
+
+<div class="row row-cols-1 g-4 mt-1 mb-3">
+  {% for account_id, account in account_data.items %}
+    <div class="col">
+      <c-ui.account_card :account="account" :account_id="account_id"
+                         :percentages="account_percentages"></c-ui.account_card>
+    </div>
+  {% empty %}
+    <div class="col">
+    <c-msg.empty
+        title="{% translate "No information to display" %}"></c-msg.empty>
+  {% endfor %}
+  </div>
+</div>

app/templates/monthly_overview/fragments/monthly_currency_summary.html

@@ -0,0 +1,16 @@
+{% load tools %}
+{% load i18n %}
+{% load currency_display %}
+<div class="row row-cols-1 g-4 mt-1 mb-3">
+  {% for currency_id, currency in currency_data.items %}
+    <div class="col">
+      <c-ui.currency_card :currency="currency" :currency_id="currency_id"
+                          :percentages="currency_percentages"></c-ui.currency_card>
+    </div>
+  {% empty %}
+    <div class="col">
+      <c-msg.empty
+          title="{% translate "No information to display" %}"></c-msg.empty>
+    </div>
+  {% endfor %}
+</div>

app/templates/monthly_overview/fragments/monthly_summary.html

@@ -1,6 +1,6 @@
 {% load i18n %}
 {% load currency_display %}
-<div class="row row-cols-1 g-4 mb-3">
+<div class="row row-cols-1 g-4 mt-1 mb-3">
   {#  Daily Spending#}
   <div class="col">
     <c-ui.info-card color="yellow" icon="fa-solid fa-calendar-day" title="{% trans 'Daily Spending Allowance' %}" help_text={% trans "This is the final total divided by the remaining days in the month" %}>
@@ -252,6 +252,7 @@
         </div>
     </c-ui.info-card>
   </div>
+  {% if percentages %}
   <div class="col">
     <c-ui.info-card color="yellow" icon="fa-solid fa-percent" title="{% trans 'Distribution' %}">
       {% for p in percentages.values %}
@@ -260,4 +261,5 @@
       {% endfor %}
     </c-ui.info-card>
   </div>
+  {% endif %}
 </div>