Add new components, styles, and services for user management and navigation

jambotron-ui/src/app/main-module/main.component/main.component.html

@@ -0,0 +1,65 @@
+<!--<p>main.component works!</p>-->
+
+<mat-toolbar class="fixed-top">
+  <button mat-raised-button routerLink="/" href="#">
+    My App
+  </button>
+  <span class="menu-spacer"></span>
+  <button mat-raised-button routerLink="tutorials">
+    Tutorials
+  </button>
+  @if (isLoggedIn) {
+  <button mat-raised-button routerLink="add-tutorial" >
+    Add tutorial
+  </button>
+  }
+  <span class="menu-spacer"></span>
+  @if (showAdminBoard) {
+    <button mat-raised-button routerLink="admin/welcome">
+      <mat-icon>manage_accounts</mat-icon>
+      Admin Bord
+    </button>
+  }
+
+  @if (showAdminBoard) {
+    <button mat-raised-button routerLink="system" >
+      <mat-icon>settings_applications</mat-icon>
+      System
+    </button>
+  }
+
+  <span class="menu-spacer"></span>
+  @if (isLoggedIn) {
+  <button mat-raised-button routerLink="register">
+    <mat-icon>app_registration</mat-icon>
+    Register
+  </button>
+  }
+  @if (!isLoggedIn) {
+  <button mat-raised-button (click)="openDialog('100ms', '5ms')" >
+<!--    <i antIcon type="bell" theme="outline"></i>-->
+<!--    <mat-icon>login</mat-icon>-->
+    Login
+  </button>
+  }
+  @if (isLoggedIn) {
+  <button mat-raised-button routerLink="profile" >
+    <mat-icon>account_circle</mat-icon>
+    {{ username }}
+  </button>
+    <button mat-raised-button (click)="logout()">
+          <mat-icon>logout</mat-icon>
+      Logout
+    </button>
+
+  }
+
+
+</mat-toolbar>
+
+
+<!--<app-nav-bar (NavCollapsedMob)="navMobClick()" (NavCollapse)="this.navCollapsed = !this.navCollapsed" />-->
+<div class="router_outlet_padding">
+  <router-outlet/>
+</div>
+