refactor: layout detail adjustments

refactor: increase contrast of toolbar fav button
refactor: remove non working localization for news
refactor: equalize tab bar in top toolbar
refactor: padding on map buttons and rename them
refactor: repair profile card alignments for safari
refactor: fix dashboard resize behavior on safari
refactor: make title card button reachable again
refactor: put card hover in media query
refactor: realign schedule view toolbar
refactor: adjust toolbar heights
refactor: introduce proper header logo

src/app/modules/profile/page/profile-page.component.html

@@ -11,12 +11,12 @@
   <section class="user-card-wrapper">
     <ion-card class="user-card">
       <ion-card-header>
-        <ion-img src="assets/imgs/logo.png"></ion-img>
+        <ion-img src="assets/imgs/header.svg"></ion-img>
         <span>
           {{
             userInfo?.role
-              ? (userInfo?.role | uppercase)
-              : ('profile.role_guest' | translate | uppercase)
+              ? (userInfo?.role | titlecase)
+              : ('profile.role_guest' | translate | titlecase)
           }}
         </span>
       </ion-card-header>

src/app/modules/profile/page/profile-page.component.scss

@@ -44,6 +44,7 @@
         ion-img {
           display: block;
           height: 36px;
+          object-position: left 50%;
           margin-right: auto;
         }
 
@@ -63,6 +64,9 @@
           position: absolute;
           opacity: 0.13;
           height: 100%;
+          width: 50%;
+          margin-left: calc(var(--spacing-md) * -4);
+          object-position: left 50%;
         }
 
         .main-info {