Add new components for AI and tutorials, update routing, and enhance file upload functionality

jambotron-ui/src/app/modules/user-module/user.component/user.component.html

@@ -0,0 +1,9 @@
+<app-side-bar-user
+  class="pc-sidebar"
+>
+</app-side-bar-user>
+
+<div class="pc-container">
+  <router-outlet></router-outlet>
+</div>
+

jambotron-ui/src/app/modules/user-module/user.component/user.component.scss

@@ -0,0 +1,13 @@
+//---------------
+.pc-sidebar{
+  top: 65px;
+  overflow-y: auto;
+  background-color: rgba(153, 153, 153, 0.16);
+
+  backdrop-filter: blur(8px);
+}
+.pc-container{
+  top: 0px;
+  padding-left: 5px;
+  padding-right: 5px;
+}

jambotron-ui/src/app/modules/user-module/user.component/user.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { UserComponent } from './user.component';
+
+describe('UserComponent', () => {
+  let component: UserComponent;
+  let fixture: ComponentFixture<UserComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [UserComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(UserComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

jambotron-ui/src/app/modules/user-module/user.component/user.component.ts

@@ -0,0 +1,44 @@
+import {Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, ViewChild} from '@angular/core';
+import {RouterOutlet} from '@angular/router';
+import {MatSidenav} from '@angular/material/sidenav';
+import {BreakpointObserver} from '@angular/cdk/layout';
+import {SideBarUserComponent} from '../side-bar-user.component/side-bar-user.component';
+
+@Component({
+  selector: 'app-user.component',
+  imports: [
+    RouterOutlet,
+    SideBarUserComponent
+  ],
+  templateUrl: './user.component.html',
+  styleUrl: './user.component.scss',
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
+})
+export class UserComponent implements OnInit {
+  @ViewChild(MatSidenav)
+  sidenav!: MatSidenav;
+  isMobile= true;
+  isCollapsed = true;
+
+
+  constructor(private observer: BreakpointObserver) {
+
+  }
+
+  ngOnInit(): void {
+    this.observer.observe(['(max-width: 800px)']).subscribe((screenSize) => {
+      this.isMobile = screenSize.matches;
+    })
+
+
+  }
+  toggleMenu() {
+    if(this.isMobile){
+      this.sidenav.toggle();
+      this.isCollapsed = false;
+    } else {
+      this.sidenav.open();
+      this.isCollapsed = !this.isCollapsed;
+    }
+  }
+}