feat: basic db connection

client/src/app/screens/screen-profile/screen-profile.html

@@ -19,7 +19,7 @@
     <div class="card-body p-0">
       <div class="list-group list-group-flush">
         <!-- Transaction Item -->
-         @for (transaction of transactions; track transaction.date) {
+         @for (transaction of transactions; track $index) {
         <div class="list-group-item">
           <div class="d-flex justify-content-between align-items-center">
             <div class="d-flex align-items-center">

client/src/app/screens/screen-profile/screen-profile.ts

@@ -17,6 +17,7 @@ export class ScreenProfile implements OnInit{
   constructor(private api: APIService){}
 
   ngOnInit(): void {
+    // FIXME transactions displaying delayed (only on second nav click)
     this.api.getTransactions().subscribe({
       next: (transactions) => {
         this.transactions = transactions;