add file chuck upload, file validation, redirect to home page incase route doesnt exist and refresh token interceptor

src/app/services/http/http-service.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { HttpServiceService } from './http-service.service';
+
+describe('HttpServiceService', () => {
+  let service: HttpServiceService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(HttpServiceService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

src/app/services/http/http-service.service.ts

@@ -0,0 +1,43 @@
+import { HttpClient, HttpContext, HttpHeaders, HttpParams } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+// import { Result, err, ok } from 'neverthrow'
+import { tap, shareReplay, catchError } from "rxjs/operators";
+import { Observable, of } from "rxjs";
+
+@Injectable({
+  providedIn: 'root'
+})
+export class HttpServiceService {
+
+  constructor(private http: HttpClient) {}
+
+
+  put(url: string, body: any | null, options: Options): Observable<any> {
+    return this.http.put(url, body, options as any).pipe(
+      tap((response) => {
+        // Handle success response if needed
+      }),
+      catchError((error) => {
+        // Handle error response if needed
+        return of(error);
+      })
+    );
+  }
+
+}
+
+
+
+interface Options {
+  headers?: HttpHeaders | {
+      [header: string]: string | string[];
+  };
+  context?: HttpContext;
+  observe?: 'body';
+  params?: HttpParams | {
+      [param: string]: string | number | boolean | ReadonlyArray<string | number | boolean>;
+  };
+  reportProgress?: boolean;
+  responseType?: 'arraybuffer';
+  withCredentials?: boolean;
+}