remove unused font files and update project configuration

.gitignore

@@ -3,5 +3,6 @@
 # @since 01/01/2025             #
 #################################
 
-# Ignore Local Settings For Visual Studio Code
-.vscode
+.vscode
+App/Frontend/node_modules
+App/Frontend/.angular

App/Frontend/angular.json

@@ -93,5 +93,8 @@
         }
       }
     }
+  },
+  "cli": {
+    "analytics": false
   }
 }

App/Frontend/src/app/app.component.html

@@ -1 +1,2 @@
-<router-outlet></router-outlet>
+<!--Author K10s Open Source Team-->
+<router-outlet></router-outlet>

App/Frontend/src/app/app.component.ts

@@ -1,12 +1,35 @@
-import { Component } from '@angular/core';
-import { RouterModule } from '@angular/router';
+/**********************************/
+/* @since 01/01/2025              */
+/* @author K10s Open Source Team  */
+/**********************************/
+
+import { Component, inject } from '@angular/core';
+import { Router, NavigationEnd, RouterModule } from '@angular/router';
+import { Title } from '@angular/platform-browser';
+import { filter, map } from 'rxjs/operators';
 
 @Component({
-  selector: 'app-root',
-  standalone: true,
-  imports: [RouterModule],
-  template: `
-    <router-outlet></router-outlet>
-  `,
+    selector: 'app-root',
+    standalone: true,
+    imports: [RouterModule],
+    template: `<router-outlet></router-outlet>`,
 })
-export class AppComponent {}
+export class AppComponent {
+    private router = inject(Router);
+    private titleService = inject(Title);
+
+    constructor() {
+        this.router.events.pipe(
+            filter(event => event instanceof NavigationEnd),
+            map(() => {
+                let route = this.router.routerState.root;
+                while (route.firstChild) {
+                    route = route.firstChild;
+                }
+                return route.snapshot.data['title'] || 'Standaard Titel';
+            })
+        ).subscribe(title => {
+            this.titleService.setTitle(title);
+        });
+    }
+}

App/Frontend/src/app/app.config.ts

@@ -1,8 +1,15 @@
+/**********************************/
+/* @since 01/01/2025              */
+/* @author K10s Open Source Team  */
+/**********************************/
+
 import { provideRouter } from '@angular/router';
 import { routes } from './app.routes';
+import { Title } from '@angular/platform-browser';
 
 export const appConfig = {
     providers: [
-        provideRouter(routes)
+        provideRouter(routes),
+        { provide: Title, useValue: 'K10s' }
     ]
-};
+};

App/Frontend/src/app/app.routes.ts

@@ -1,15 +1,16 @@
+/**********************************/
+/* @since 01/01/2025              */
+/* @author K10s Open Source Team  */
+/**********************************/
+
 import { Routes } from '@angular/router';
 import { LoginComponent } from './login/login.component';
 import { DashboardComponent } from './dashboard/dashboard.component';
 import { SearchComponent } from './search/search.component';
-import { NavComponent } from './nav/nav.component';
-import { FooterComponent } from './footer/footer.component';
 
 export const routes: Routes = [
     { path: '', redirectTo: 'login', pathMatch: 'full' },
-    { path: 'login', component: LoginComponent },
-    { path: 'dashboard', component: DashboardComponent },
-    { path: 'search', component: SearchComponent },
-    { path: 'nav', component: NavComponent },
-    { path: 'footer', component: FooterComponent }
-];
+    { path: 'login', component: LoginComponent, data: { title: 'K10s - Login' } },
+    { path: 'dashboard', component: DashboardComponent, data: { title: 'K10s - Dashboard' } },
+    { path: 'search', component: SearchComponent, data: { title: 'K10s - Search' } }
+];

App/Frontend/src/app/context-menu/context-menu.component.css

@@ -5,51 +5,51 @@
 
 /* Context Menu */
 .context-menu {
-  position: absolute;
-  display: none;
-  z-index: 10;
+    position: absolute;
+    display: none;
+    z-index: 10;
 }
 
 .context-menu-item {
-  background-color: var(--tertiary);
-  border: 1px solid var(--primary);
-  border-radius: var(--radius);
-  display: flex;
-  flex-direction: column;
-  padding: 0px;
-  list-style: none;
+    background-color: var(--tertiary);
+    border: 1px solid var(--primary);
+    border-radius: var(--radius);
+    display: flex;
+    flex-direction: column;
+    padding: 0px;
+    list-style: none;
 }
 
 .context-menu-item p {
-  color: var(--text);
+    color: var(--text);
 }
 
 .context-menu-item svg {
-  fill: var(--secondary);
-  width: 24px;
-  height: 24px;
-  margin-right: 10px;
-  transition: fill 0.3s ease;
+    fill: var(--secondary);
+    width: 24px;
+    height: 24px;
+    margin-right: 10px;
+    transition: fill 0.3s ease;
 }
 
 .context-menu-item li {
-  font: inherit;
-  border: 0;
-  padding: 0px 15px 0px 15px;
-  display: flex;
-  align-items: center;
-  position: relative;
-  text-decoration: unset;
-  font-weight: 500;
-  transition: 0.5s linear;
-  -webkit-transition: 0.5s linear;
-  -moz-transition: 0.5s linear;
-  -ms-transition: 0.5s linear;
-  -o-transition: 0.5s linear;
+    font: inherit;
+    border: 0;
+    padding: 0px 15px 0px 15px;
+    display: flex;
+    align-items: center;
+    position: relative;
+    text-decoration: unset;
+    font-weight: 500;
+    transition: 0.5s linear;
+    -webkit-transition: 0.5s linear;
+    -moz-transition: 0.5s linear;
+    -ms-transition: 0.5s linear;
+    -o-transition: 0.5s linear;
 }
 
 .context-menu-item li:hover {
-  background-color: var(--background);
-  border-radius: var(--radius);
+    background-color: var(--background);
+    border-radius: var(--radius);
 }
-/* Context Menu */
+/* Context Menu */