beautified various frontend parts

src/app/app.component.html

@@ -30,9 +30,11 @@
   <mat-sidenav-container id="content">
     <mat-sidenav #appDrawer mode="over" opened="false">
       <mat-nav-list class="nav-profile-list">
-        <mat-list-item class="nav-profile-list-item">
+        <a routerLink = "/profile">
-          <sidenav-profile> </sidenav-profile>
+          <mat-list-item class="nav-profile-list-item">
-        </mat-list-item>
+            <sidenav-profile> </sidenav-profile>
+          </mat-list-item>
+        </a>
       </mat-nav-list>
       <mat-nav-list>
         <a

src/app/app.component.scss

@@ -26,8 +26,13 @@ $primary-color: mat-color($light-primary, 300);
 }
 
 mat-nav-list .nav-profile-list-item {
-  height:200px;
+  height: 200px;
-  background: $primary-color;
+  background: #7fc600;
+}
+
+mat-nav-list .nav-profile-list-item:hover {
+  height: 200px;
+  background: #93e406;
 }
 
 .nav-list-icon {

src/app/components/sidenav-profile/sidenav-profile.component.html

@@ -1,4 +1,4 @@
-<div (click)="closeSidenav()" routerLink = "/profile" class="sidenav-profile">
+<div (click)="closeSidenav()" class="sidenav-profile">
     <img class="navbar-photo" src={{profileURL}}>
     <p>{{name}}</p>
     <p>{{email}}</p>

src/app/components/sidenav-profile/sidenav-profile.component.scss

@@ -1,5 +1,3 @@
-@import '../../../theme';
-
 .navbar-photo {
     width:100px;
     height:100px;

src/app/tableLinks.ts

@@ -2,9 +2,8 @@
 export const tableLinks = [
     {
       displayName: 'Lastenräder',
-     
+      iconName: 'directions_bike',
-      route: '/table/bikes',
+      route: '/table/bikes'
-      svgIconName: 'cargobike' 
     },
     {
       displayName: 'Aktive',