Upgraded dependencies and extended stopwatch

src/app/pages/about/about.component.html

@@ -124,7 +124,7 @@
         @if (entry.externalLink) {
         <div class="mt-[0.1rem] opacity-85">
           <a class="inline-flex items-center gap-[0.35rem] leading-none" href="{{entry.externalLink}}" target="_blank" rel="noopener noreferrer">
-            <mat-icon class="!text-[18px] !w-[18px] !h-[18px]">open_in_new</mat-icon>
+            <mat-icon class="text-[18px]! w-[18px]! h-[18px]!">open_in_new</mat-icon>
             {{ (entry.key + '.LINK_EXTERNAL') | translate }}
           </a>
         </div>
@@ -132,7 +132,7 @@
         <div class="mt-[0.1rem] opacity-85">
           <a class="inline-flex items-center gap-[0.35rem] leading-none" [routerLink]="['/projects']" [queryParams]="{ project: entry.identifier }"
             rel="noopener noreferrer">
-            <mat-icon class="!text-[18px] !w-[18px] !h-[18px]">link</mat-icon>
+            <mat-icon class="text-[18px]! w-[18px]! h-[18px]!">link</mat-icon>
             {{ (entry.key + '.LINK_INTERNAL') | translate }}
           </a>
         </div>
@@ -169,7 +169,7 @@
 
         @if(entry.key !== educationKeys.at(educationKeys.length-1)?.key)
         {
-        <mat-divider class="!my-2"></mat-divider>
+        <mat-divider class="my-2!"></mat-divider>
         }
         }
       </div>