add history description (#100)

closes #93

Reviewed-on: #100

frontend/allowance-planner-v2/src/app/models/history.ts

@@ -1,4 +1,5 @@
 export interface History {
     timestamp: string;
     allowance: number;
+    description: string;
 }

frontend/allowance-planner-v2/src/app/pages/history/history.page.html

@@ -10,11 +10,11 @@
   <div class="item" *ngFor="let history of history$ | async">
     <div class="left">
       <div class="date">{{ history.timestamp | date: 'yyyy-MM-dd' }}</div>
-      <div class="description">Seba made an oopsie</div>
+      <div class="description">{{ history.description }}</div>
     </div>
     <div
       class="amount"
       [ngClass]="{ 'negative': history.allowance < 0 }"
-    >{{ history.allowance }}</div>
+    >{{ history.allowance }} SP</div>
   </div>
 </ion-content>

frontend/allowance-planner-v2/src/app/pages/history/history.page.scss

@@ -6,6 +6,10 @@
     padding: 8px;
 }
 
+.left {
+    width: 70%;
+}
+
 .date {
     color: var(--line-color);
 }