ui feedback updates

src/app/carnet/travel-plan/travel-plan.component.scss

@@ -28,6 +28,9 @@
         display: flex;
         gap: 24px;
         margin-bottom: 12px;
+        border: 1px solid;
+        border-radius: 4px;
+        padding: 20px;
 
         @media (max-width: 768px) {
             flex-direction: column;

src/app/common/footer/footer.component.scss

@@ -19,6 +19,7 @@
         flex-direction: column;
         align-items: center;
         gap: 8px;
+        background-color: var(--mat-sys-primary);
     }
 
     .footer-links {

src/app/home/home.component.html

@@ -90,7 +90,7 @@
 
                     <ng-container matColumnDef="carnetValue">
                         <th mat-header-cell *matHeaderCellDef mat-sort-header>Carnet Value</th>
-                        <td mat-cell *matCellDef="let item">{{ item.carnetValue }}</td>
+                        <td mat-cell *matCellDef="let item">{{ item.carnetValue | currency}}</td>
                     </ng-container>
 
                     <ng-container matColumnDef="issueDate">

src/styles.scss

@@ -99,4 +99,16 @@ body {
             opacity: 0;
         }
     }
+
+    /* Table */
+    @include mat.table-overrides((header-headline-color:var(--mat-sys-on-primary),
+        ));
+
+    .mat-mdc-table .mat-mdc-header-cell {
+        background: var(--mat-sys-primary);
+    }
+
+    /* Sort */
+    @include mat.sort-overrides((arrow-color: var(--mat-sys-on-primary),
+        ));
 }