disabled chat and social tab if not logged in

src/app/components/home/home.component.html

@@ -12,7 +12,7 @@
 -->
 <div class="bottom-menu"  fxShow="true" fxHide.gt-sm="true">
     <mat-tab-group id="tab-group" selectedIndex="1" mat-stretch-tabs headerPosition="below">
-        <mat-tab>    
+        <mat-tab disabled>    
             <ng-template mat-tab-label>
                 <mat-icon>chat</mat-icon>
             </ng-template> 
@@ -24,7 +24,7 @@
             </ng-template> 
             <home-feed class="tab-content"></home-feed>
         </mat-tab>
-        <mat-tab >    
+        <mat-tab [disabled]="!loggedIn">    
             <ng-template mat-tab-label>
                 <mat-icon>people</mat-icon>
             </ng-template> 

src/app/components/main-navigation/main-navigation.component.ts

@@ -54,10 +54,10 @@ export class MainNavigationComponent implements OnInit {
     { path: '/imprint', label: 'Imprint' },
   ];
   navLinks = [
+    { path: '/login', label: 'Login' },
     { path: '', label: 'Home' },
     { path: '/about', label: 'About' },
     { path: '/imprint', label: 'Imprint' },
-    { path: '/login', label: 'Login' },
   ];
 
   @HostBinding('class') componentCssClass;