feat(insights): add late and recent transactions

app/templates/insights/fragments/category_explorer/charts/currency.html

@@ -80,7 +80,7 @@
                               backgroundColor: '#4dde8080', // Added transparency
                               stack: 'stack0'
                           },
-                          
+
                       ]
                   },
                   options: chartOptions

app/templates/insights/fragments/late_transactions.html

@@ -0,0 +1,18 @@
+{% load i18n %}
+
+
+<div hx-get="{% url 'insights_late_transactions' %}" hx-trigger="updated from:window" class="show-loading"
+     id="transactions-list" hx-swap="outerHTML">
+  {% if transactions %}
+    {% for transaction in transactions %}
+      <c-transaction.item :transaction="transaction"></c-transaction.item>
+    {% endfor %}
+    {# Floating bar #}
+    <c-ui.transactions-action-bar></c-ui.transactions-action-bar>
+  {% else %}
+    <c-msg.empty
+        icon="fa-regular fa-hourglass"
+        title="{% translate 'All good!' %}"
+        subtitle="{% translate "No late transactions" %}"></c-msg.empty>
+  {% endif %}
+</div>

app/templates/insights/fragments/latest_transactions.html

@@ -0,0 +1,16 @@
+{% load i18n %}
+
+
+<div hx-get="{% url 'insights_late_transactions' %}" hx-trigger="updated from:window" class="show-loading"
+     id="transactions-list" hx-swap="outerHTML">
+  {% if transactions %}
+    {% for transaction in transactions %}
+      <c-transaction.item :transaction="transaction"></c-transaction.item>
+    {% endfor %}
+    {# Floating bar #}
+    <c-ui.transactions-action-bar></c-ui.transactions-action-bar>
+  {% else %}
+    <c-msg.empty
+        title="{% translate 'No recent transactions' %}"></c-msg.empty>
+  {% endif %}
+</div>