Merge with main

Removed some redundant files and fix with new api url.

Author: LimZiJia

frontend/src/_helpers/interceptors/error.interceptor.ts

@@ -9,7 +9,6 @@ export class ErrorInterceptor implements HttpInterceptor {
         return next.handle(request).pipe(
             catchError(err => {
                 console.error(err);
-
                 const errorMessage = err.error.message;
                 return throwError(() => new Error(errorMessage, { cause: err }));
             }),

frontend/src/_helpers/interceptors/jwt.interceptor.spec.ts

@@ -1,6 +1,7 @@
 import { Injectable } from '@angular/core';
 import { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor } from '@angular/common/http';
 import { Observable } from 'rxjs';
+
 import { AuthenticationService } from '../_services/authentication.service';
 
 @Injectable()

frontend/src/_helpers/interceptors/jwt.interceptor.ts

@@ -71,28 +71,26 @@ export class AuthenticationService extends ApiService {
 
     // get user details from user service for authentication
     getUserDetails() {
-        return this.http
-            .get<UServRes>(`${environment.UserServiceApiUrl}/users/${this.userValue?.id}`, { observe: 'response' })
-            .pipe(
-                map(response => {
-                    if (response.status === 200) {
-                        let user: User = {};
-                        if (response.body) {
-                            const body: UServRes = response.body;
-                            const data = body.data;
-                            user = {
-                                id: data.id,
-                                username: data.username,
-                                email: data.email,
-                                accessToken: data.accessToken,
-                                isAdmin: data.isAdmin,
-                                createdAt: data.createdAt,
-                            };
-                        }
-                        return user;
+        return this.http.get<UServRes>(`${this.apiUrl}/users/${this.userValue?.id}`, { observe: 'response' }).pipe(
+            map(response => {
+                if (response.status === 200) {
+                    let user: User = {} as User;
+                    if (response.body) {
+                        const body: UServRes = response.body;
+                        const data = body.data;
+                        user = {
+                            id: data.id,
+                            username: data.username,
+                            email: data.email,
+                            accessToken: data.accessToken,
+                            isAdmin: data.isAdmin,
+                            createdAt: data.createdAt,
+                        };
                     }
-                    return null;
-                }),
-            );
+                    return user;
+                }
+                return null;
+            }),
+        );
     }
 }

frontend/src/_interceptors/error.interceptor.ts

@@ -3,6 +3,9 @@ import { provideRouter } from '@angular/router';
 import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import { routes } from './app.routes';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
+import { JwtInterceptor } from '../_interceptors/jwt.interceptor';
+import { ErrorInterceptor } from '../_interceptors/error.interceptor';
+import { AuthGuardService } from '../_services/auth.guard.service';
 
 export const appConfig: ApplicationConfig = {
     providers: [

frontend/src/_interceptors/jwt.interceptor.ts

@@ -24,15 +24,15 @@
                     [disabled]="!selectedQuestions || !selectedQuestions.length" />
             </div>
         </p-toolbar>
-        <div class="table-container" style="max-width: 1000px; margin: 0 auto;">
+        <div class="table-container" style="max-width: 1000px; margin: 0 auto">
             <p-table
                 sortField="id"
                 [sortOrder]="1"
                 [columns]="cols"
                 [value]="questions"
                 [(selection)]="selectedQuestions"
                 datakey="id"
-                [tableStyle]="{ 'table-layout': 'fixed', 'width': '100%', 'text-align': 'center' }"
+                [tableStyle]="{ 'table-layout': 'fixed', width: '100%', 'text-align': 'center' }"
                 [paginator]="true"
                 [rows]="10"
                 [rowsPerPageOptions]="[10, 25, 50]"

frontend/src/_services/authentication.service.ts

@@ -18,7 +18,6 @@ import { HttpErrorResponse } from '@angular/common/http';
 import { QuestionDialogComponent } from './question-dialog.component';
 import { Column } from './column.model';
 import { AuthenticationService } from '../../_services/authentication.service';
-import { UServRes } from '../../_models/user.service.response.interface';
 import { User } from '../../_models/user.model';
 
 @Component({