Modernize CI/CD pipeline with comprehensive automation (#25)

* Initial plan

* Add comprehensive CI/CD workflows and tooling

- Add PR validation workflow with lint, format, type check, test, and build steps
- Improve Docker build workflow with caching, security scanning, and manual trigger
- Add CodeQL security analysis workflow
- Add Dependabot configuration for automated dependency updates
- Configure ESLint with TypeScript support
- Add npm scripts for linting and formatting
- Format code with Prettier
- Fix linting issues in source code

Co-authored-by: THoguet <61246905+THoguet@users.noreply.github.com>

* Update README and fix build configuration

- Add CI/CD documentation to README
- Document code quality tools and scripts
- Disable font optimization in production build to avoid network dependency
- Add build cache configuration for GitHub Actions

Co-authored-by: THoguet <61246905+THoguet@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: THoguet <61246905+THoguet@users.noreply.github.com>

src/app/app.config.server.ts

@@ -4,9 +4,7 @@ import { appConfig } from './app.config';
 import { serverRoutes } from './app.routes.server';
 
 const serverConfig: ApplicationConfig = {
-	providers: [
-		provideServerRendering(withRoutes(serverRoutes))
-	]
+	providers: [provideServerRendering(withRoutes(serverRoutes))],
 };
 
 export const config = mergeApplicationConfig(appConfig, serverConfig);

src/app/app.routes.server.ts

@@ -3,6 +3,6 @@ import { RenderMode, ServerRoute } from '@angular/ssr';
 export const serverRoutes: ServerRoute[] = [
 	{
 		path: '**',
-		renderMode: RenderMode.Client
-	}
+		renderMode: RenderMode.Client,
+	},
 ];

src/app/app.spec.ts

@@ -6,7 +6,7 @@ describe('App', () => {
 	beforeEach(async () => {
 		await TestBed.configureTestingModule({
 			imports: [App],
-			providers: [provideZonelessChangeDetection()]
+			providers: [provideZonelessChangeDetection()],
 		}).compileComponents();
 	});
 

src/app/app.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, model, signal } from '@angular/core';
+import { ChangeDetectionStrategy, Component, signal } from '@angular/core';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import { provideNativeDateAdapter } from '@angular/material/core';
 import { MatDivider } from '@angular/material/divider';

src/app/components/calendar-month/calendar-month.spec.ts

@@ -3,22 +3,21 @@ import { provideZonelessChangeDetection } from '@angular/core';
 import { CalendarMonth } from './calendar-month';
 
 describe('CalendarMonth', () => {
-  let component: CalendarMonth;
-  let fixture: ComponentFixture<CalendarMonth>;
+	let component: CalendarMonth;
+	let fixture: ComponentFixture<CalendarMonth>;
 
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [CalendarMonth],
-      providers: [provideZonelessChangeDetection()]
-    })
-    .compileComponents();
+	beforeEach(async () => {
+		await TestBed.configureTestingModule({
+			imports: [CalendarMonth],
+			providers: [provideZonelessChangeDetection()],
+		}).compileComponents();
 
-    fixture = TestBed.createComponent(CalendarMonth);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
+		fixture = TestBed.createComponent(CalendarMonth);
+		component = fixture.componentInstance;
+		fixture.detectChanges();
+	});
 
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
+	it('should create', () => {
+		expect(component).toBeTruthy();
+	});
 });

src/app/components/calendar-settings/calendar-settings.spec.ts

@@ -3,22 +3,21 @@ import { provideZonelessChangeDetection } from '@angular/core';
 import { CalendarSettings } from './calendar-settings';
 
 describe('CalendarSettings', () => {
-  let component: CalendarSettings;
-  let fixture: ComponentFixture<CalendarSettings>;
+	let component: CalendarSettings;
+	let fixture: ComponentFixture<CalendarSettings>;
 
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [CalendarSettings],
-      providers: [provideZonelessChangeDetection()]
-    })
-    .compileComponents();
+	beforeEach(async () => {
+		await TestBed.configureTestingModule({
+			imports: [CalendarSettings],
+			providers: [provideZonelessChangeDetection()],
+		}).compileComponents();
 
-    fixture = TestBed.createComponent(CalendarSettings);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
+		fixture = TestBed.createComponent(CalendarSettings);
+		component = fixture.componentInstance;
+		fixture.detectChanges();
+	});
 
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
+	it('should create', () => {
+		expect(component).toBeTruthy();
+	});
 });

src/app/components/calendar-settings/calendar-settings.ts

@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
-import { MatButton, MatButtonModule } from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
 import { MatDialog } from '@angular/material/dialog';
-import { MatIcon, MatIconModule } from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
 import { CalendarSettingsDialog } from '../dialog/calendar-settings-dialog/calendar-settings-dialog';
 import { MatDividerModule } from '@angular/material/divider';
 

src/app/components/calendar-year/calendar-year.html

@@ -1,17 +1,21 @@
 <div class="calendar-year">
 	@if (isLoading()) {
-	<div class="loading-overlay">
-		<div class="loading-spinner">
-			<mat-spinner></mat-spinner>
-			<p>Calcul en cours...</p>
+		<div class="loading-overlay">
+			<div class="loading-spinner">
+				<mat-spinner></mat-spinner>
+				<p>Calcul en cours...</p>
+			</div>
 		</div>
-	</div>
 	}
 	@for (month of months; track $index) {
-	<mat-card class="card">
-		<mat-card-content>
-			<app-calendar-month [monthIndex]="month" [year]="getYear(month)" [selectedDates]="selectedDates"></app-calendar-month>
-		</mat-card-content>
-	</mat-card>
+		<mat-card class="card">
+			<mat-card-content>
+				<app-calendar-month
+					[monthIndex]="month"
+					[year]="getYear(month)"
+					[selectedDates]="selectedDates"
+				></app-calendar-month>
+			</mat-card-content>
+		</mat-card>
 	}
 </div>

src/app/components/calendar-year/calendar-year.scss

@@ -66,5 +66,10 @@
 }
 
 :root {
-	@include mat.progress-spinner-overrides((size: 0.5rem, active-indicator-width: 0.25rem));
+	@include mat.progress-spinner-overrides(
+		(
+			size: 0.5rem,
+			active-indicator-width: 0.25rem,
+		)
+	);
 }

src/app/components/calendar-year/calendar-year.spec.ts

@@ -3,22 +3,21 @@ import { provideZonelessChangeDetection } from '@angular/core';
 import { CalendarYear } from './calendar-year';
 
 describe('CalendarYear', () => {
-  let component: CalendarYear;
-  let fixture: ComponentFixture<CalendarYear>;
+	let component: CalendarYear;
+	let fixture: ComponentFixture<CalendarYear>;
 
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [CalendarYear],
-      providers: [provideZonelessChangeDetection()]
-    })
-    .compileComponents();
+	beforeEach(async () => {
+		await TestBed.configureTestingModule({
+			imports: [CalendarYear],
+			providers: [provideZonelessChangeDetection()],
+		}).compileComponents();
 
-    fixture = TestBed.createComponent(CalendarYear);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
+		fixture = TestBed.createComponent(CalendarYear);
+		component = fixture.componentInstance;
+		fixture.detectChanges();
+	});
 
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
+	it('should create', () => {
+		expect(component).toBeTruthy();
+	});
 });

src/app/components/dialog/calendar-settings-dialog/calendar-settings-dialog.spec.ts

@@ -4,39 +4,38 @@ import { MatDialogRef } from '@angular/material/dialog';
 import { CalendarSettingsDialog } from './calendar-settings-dialog';
 
 describe('CalendarSettingsDialog', () => {
-  let component: CalendarSettingsDialog;
-  let fixture: ComponentFixture<CalendarSettingsDialog>;
+	let component: CalendarSettingsDialog;
+	let fixture: ComponentFixture<CalendarSettingsDialog>;
 
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [CalendarSettingsDialog],
-      providers: [
-        provideZonelessChangeDetection(),
-        {
-          provide: MatDialogRef,
-          useValue: {
-            close: jasmine.createSpy('close')
-          }
-        }
-      ]
-    })
-    .compileComponents();
+	beforeEach(async () => {
+		await TestBed.configureTestingModule({
+			imports: [CalendarSettingsDialog],
+			providers: [
+				provideZonelessChangeDetection(),
+				{
+					provide: MatDialogRef,
+					useValue: {
+						close: jasmine.createSpy('close'),
+					},
+				},
+			],
+		}).compileComponents();
 
-    fixture = TestBed.createComponent(CalendarSettingsDialog);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
+		fixture = TestBed.createComponent(CalendarSettingsDialog);
+		component = fixture.componentInstance;
+		fixture.detectChanges();
+	});
 
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
+	it('should create', () => {
+		expect(component).toBeTruthy();
+	});
 
-  it('should have calendar settings service', () => {
-    expect(component['calendarSettingsService']).toBeDefined();
-  });
+	it('should have calendar settings service', () => {
+		expect(component['calendarSettingsService']).toBeDefined();
+	});
 
-  it('should close dialog when closeDialog is called', () => {
-    component.closeDialog();
-    expect(component.dialogRef.close).toHaveBeenCalled();
-  });
+	it('should close dialog when closeDialog is called', () => {
+		component.closeDialog();
+		expect(component.dialogRef.close).toHaveBeenCalled();
+	});
 });

src/app/components/dialog/calendar-settings-dialog/calendar-settings-dialog.ts

@@ -1,10 +1,8 @@
 import { Component } from '@angular/core';
 import { MatButton } from '@angular/material/button';
-import { MatCheckbox } from '@angular/material/checkbox';
 import { MatDialogRef } from '@angular/material/dialog';
 import { CalendarSettingsService } from '../../../services/calendar-settings-service';
 import { MatSlideToggle } from '@angular/material/slide-toggle';
-import { CdkFixedSizeVirtualScroll } from '@angular/cdk/scrolling';
 
 @Component({
 	selector: 'app-calendar-settings-dialog',

src/app/components/user-input/user-input.spec.ts

@@ -3,39 +3,38 @@ import { provideZonelessChangeDetection } from '@angular/core';
 import { UserInput } from './user-input';
 
 describe('UserInput', () => {
-  let component: UserInput;
-  let fixture: ComponentFixture<UserInput>;
+	let component: UserInput;
+	let fixture: ComponentFixture<UserInput>;
 
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [UserInput],
-      providers: [provideZonelessChangeDetection()]
-    })
-    .compileComponents();
+	beforeEach(async () => {
+		await TestBed.configureTestingModule({
+			imports: [UserInput],
+			providers: [provideZonelessChangeDetection()],
+		}).compileComponents();
 
-    fixture = TestBed.createComponent(UserInput);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
+		fixture = TestBed.createComponent(UserInput);
+		component = fixture.componentInstance;
+		fixture.detectChanges();
+	});
 
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
+	it('should create', () => {
+		expect(component).toBeTruthy();
+	});
 
-  it('should initialize form with values from service', () => {
-    expect(component.userInputForm).toBeDefined();
-    expect(component.userInputForm.get('CP')).toBeDefined();
-    expect(component.userInputForm.get('RTT')).toBeDefined();
-    expect(component.userInputForm.get('Others')).toBeDefined();
-  });
+	it('should initialize form with values from service', () => {
+		expect(component.userInputForm).toBeDefined();
+		expect(component.userInputForm.get('CP')).toBeDefined();
+		expect(component.userInputForm.get('RTT')).toBeDefined();
+		expect(component.userInputForm.get('Others')).toBeDefined();
+	});
 
-  it('should have valid form controls', () => {
-    const cpControl = component.userInputForm.get('CP');
-    const rttControl = component.userInputForm.get('RTT');
-    const othersControl = component.userInputForm.get('Others');
+	it('should have valid form controls', () => {
+		const cpControl = component.userInputForm.get('CP');
+		const rttControl = component.userInputForm.get('RTT');
+		const othersControl = component.userInputForm.get('Others');
 
-    expect(cpControl).toBeTruthy();
-    expect(rttControl).toBeTruthy();
-    expect(othersControl).toBeTruthy();
-  });
+		expect(cpControl).toBeTruthy();
+		expect(rttControl).toBeTruthy();
+		expect(othersControl).toBeTruthy();
+	});
 });

src/app/components/user-input/user-input.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit, OnDestroy, effect } from '@angular/core';
 import { MatFormField, MatLabel } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
-import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
+import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
 import { UserInputService } from '../../services/user-input-service';
 import { VacationsNumber } from '../../services/calendar-service';
 import { debounceTime, takeUntil, Subject } from 'rxjs';

src/app/components/user-settings/user-settings.spec.ts

@@ -3,22 +3,21 @@ import { provideZonelessChangeDetection } from '@angular/core';
 import { UserSettings } from './user-settings';
 
 describe('UserSettings', () => {
-  let component: UserSettings;
-  let fixture: ComponentFixture<UserSettings>;
+	let component: UserSettings;
+	let fixture: ComponentFixture<UserSettings>;
 
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [UserSettings],
-      providers: [provideZonelessChangeDetection()]
-    })
-    .compileComponents();
+	beforeEach(async () => {
+		await TestBed.configureTestingModule({
+			imports: [UserSettings],
+			providers: [provideZonelessChangeDetection()],
+		}).compileComponents();
 
-    fixture = TestBed.createComponent(UserSettings);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
+		fixture = TestBed.createComponent(UserSettings);
+		component = fixture.componentInstance;
+		fixture.detectChanges();
+	});
 
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
+	it('should create', () => {
+		expect(component).toBeTruthy();
+	});
 });

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

@@ -1,11 +1,6 @@
 import { TestBed } from '@angular/core/testing';
 import { provideZonelessChangeDetection } from '@angular/core';
-import {
-	CalendarService,
-	DayType,
-	SelectedDate,
-	SelectedDates,
-} from './calendar-service';
+import { CalendarService, DayType, SelectedDate, SelectedDates } from './calendar-service';
 import { DateRange } from '@angular/material/datepicker';
 
 describe('CalendarService', () => {
@@ -111,47 +106,32 @@ describe('CalendarService', () => {
 describe('SelectedDate', () => {
 	it('should check if date is selected', () => {
 		const date = new Date(2024, 0, 1);
-		const selectedDate = new SelectedDate(
-			DayType.CP,
-			new DateRange<Date>(date, date),
-		);
+		const selectedDate = new SelectedDate(DayType.CP, new DateRange<Date>(date, date));
 		expect(selectedDate.isSelected(date)).toBe(true);
 	});
 
 	it('should check if date is start', () => {
 		const date = new Date(2024, 0, 1);
-		const selectedDate = new SelectedDate(
-			DayType.CP,
-			new DateRange<Date>(date, date),
-		);
+		const selectedDate = new SelectedDate(DayType.CP, new DateRange<Date>(date, date));
 		expect(selectedDate.isStart(date)).toBe(true);
 	});
 
 	it('should check if date is end', () => {
 		const date = new Date(2024, 0, 1);
-		const selectedDate = new SelectedDate(
-			DayType.CP,
-			new DateRange<Date>(date, date),
-		);
+		const selectedDate = new SelectedDate(DayType.CP, new DateRange<Date>(date, date));
 		expect(selectedDate.isEnd(date)).toBe(true);
 	});
 
 	it('should return correct classes for date', () => {
 		const date = new Date(2024, 0, 1);
-		const selectedDate = new SelectedDate(
-			DayType.CP,
-			new DateRange<Date>(date, date),
-		);
+		const selectedDate = new SelectedDate(DayType.CP, new DateRange<Date>(date, date));
 		const classes = selectedDate.getClasses(date);
 		expect(classes).toContain(DayType.CP);
 	});
 
 	it('should return tooltip for selected date', () => {
 		const date = new Date(2024, 0, 1);
-		const selectedDate = new SelectedDate(
-			DayType.CP,
-			new DateRange<Date>(date, date),
-		);
+		const selectedDate = new SelectedDate(DayType.CP, new DateRange<Date>(date, date));
 		const tooltip = selectedDate.getTooltip(date);
 		expect(tooltip).toBeTruthy();
 	});
@@ -159,19 +139,13 @@ describe('SelectedDate', () => {
 	it('should calculate length in days', () => {
 		const startDate = new Date(2024, 0, 1);
 		const endDate = new Date(2024, 0, 3);
-		const selectedDate = new SelectedDate(
-			DayType.CP,
-			new DateRange<Date>(startDate, endDate),
-		);
+		const selectedDate = new SelectedDate(DayType.CP, new DateRange<Date>(startDate, endDate));
 		expect(selectedDate.getLengthInDays()).toBe(3);
 	});
 
 	it('should not mark TODAY as selected', () => {
 		const date = new Date(2024, 0, 1);
-		const selectedDate = new SelectedDate(
-			DayType.TODAY,
-			new DateRange<Date>(date, date),
-		);
+		const selectedDate = new SelectedDate(DayType.TODAY, new DateRange<Date>(date, date));
 		expect(selectedDate.isSelected(date)).toBe(false);
 	});
 });
@@ -180,18 +154,14 @@ describe('SelectedDates', () => {
 	it('should push selected dates', () => {
 		const selectedDates = new SelectedDates();
 		const date = new Date(2024, 0, 1);
-		selectedDates.push(
-			new SelectedDate(DayType.CP, new DateRange<Date>(date, date)),
-		);
+		selectedDates.push(new SelectedDate(DayType.CP, new DateRange<Date>(date, date)));
 		expect(selectedDates._datesSelected.length).toBe(1);
 	});
 
 	it('should check if date is selected', () => {
 		const selectedDates = new SelectedDates();
 		const date = new Date(2024, 0, 1);
-		selectedDates.push(
-			new SelectedDate(DayType.CP, new DateRange<Date>(date, date)),
-		);
+		selectedDates.push(new SelectedDate(DayType.CP, new DateRange<Date>(date, date)));
 		expect(selectedDates.isSelected(date)).toBe(true);
 	});
 
@@ -212,9 +182,7 @@ describe('SelectedDates', () => {
 	it('should compute heuristics', () => {
 		const selectedDates = new SelectedDates();
 		const date = new Date(2024, 0, 1);
-		selectedDates.push(
-			new SelectedDate(DayType.CP, new DateRange<Date>(date, date)),
-		);
+		selectedDates.push(new SelectedDate(DayType.CP, new DateRange<Date>(date, date)));
 		const heuristic = selectedDates.computeHeuristics();
 		expect(typeof heuristic).toBe('number');
 	});
@@ -222,9 +190,7 @@ describe('SelectedDates', () => {
 	it('should return correct classes', () => {
 		const selectedDates = new SelectedDates();
 		const date = new Date(2024, 0, 1);
-		selectedDates.push(
-			new SelectedDate(DayType.CP, new DateRange<Date>(date, date)),
-		);
+		selectedDates.push(new SelectedDate(DayType.CP, new DateRange<Date>(date, date)));
 		const classes = selectedDates.getClasses(date);
 		expect(classes).toContain(DayType.CP);
 	});
@@ -232,9 +198,7 @@ describe('SelectedDates', () => {
 	it('should return tooltip', () => {
 		const selectedDates = new SelectedDates();
 		const date = new Date(2024, 0, 1);
-		selectedDates.push(
-			new SelectedDate(DayType.CP, new DateRange<Date>(date, date)),
-		);
+		selectedDates.push(new SelectedDate(DayType.CP, new DateRange<Date>(date, date)));
 		const tooltip = selectedDates.getTooltip(date);
 		expect(tooltip).toBeTruthy();
 	});

src/app/services/calendar-service.ts

@@ -28,8 +28,8 @@ export class CalendarService {
 
 	// Get selected dates from current date to the next year
 	getSelectedDatesFromNow(): SelectedDates {
-		const holidays = this.getHolidays();
-		let selectedDates: SelectedDates = new SelectedDates();
+		const _holidays = this.getHolidays();
+		const selectedDates: SelectedDates = new SelectedDates();
 		// Logic to populate selectedDates from now until the next year
 		return selectedDates;
 	}
@@ -37,7 +37,7 @@ export class CalendarService {
 	getSelectedDatesForYear(): SelectedDates {
 		const holidays = this.getHolidays();
 		const monthInAYear = this.monthsInAYearFromNow();
-		let selectedDates: SelectedDates = new SelectedDates();
+		const selectedDates: SelectedDates = new SelectedDates();
 
 		// Use DateCacheService to get today's date components
 		const {
@@ -519,7 +519,7 @@ export class SelectedDates implements SelectedDateInterface {
 			const daysInRange = selectedDate.getLengthInDays();
 
 			// For each day in the range, add it to the appropriate month
-			let currentDate = new Date(selectedDate.range.start);
+			const currentDate = new Date(selectedDate.range.start);
 			for (let i = 0; i < daysInRange; i++) {
 				const monthKey = currentDate.getFullYear() * 12 + currentDate.getMonth();
 				monthCounts.set(monthKey, (monthCounts.get(monthKey) ?? 0) + 1);
@@ -719,7 +719,10 @@ export class SelectedDates implements SelectedDateInterface {
 		}
 	}
 
-	lookForVacation(vacType: DayType, calendarService: CalendarService): { apply: () => void; heuristic: number } {
+	lookForVacation(
+		vacType: DayType,
+		calendarService: CalendarService,
+	): { apply: () => void; heuristic: number } {
 		const daysOfYear = calendarService.monthsInAYearFromNow();
 		const now = new Date();
 		now.setHours(0, 0, 0, 0);

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

@@ -3,40 +3,40 @@ import { provideZonelessChangeDetection } from '@angular/core';
 import { ThemeService } from './theme-service';
 
 describe('ThemeService', () => {
-  let service: ThemeService;
+	let service: ThemeService;
 
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      providers: [provideZonelessChangeDetection()],
-    });
-    service = TestBed.inject(ThemeService);
-  });
+	beforeEach(() => {
+		TestBed.configureTestingModule({
+			providers: [provideZonelessChangeDetection()],
+		});
+		service = TestBed.inject(ThemeService);
+	});
 
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
+	it('should be created', () => {
+		expect(service).toBeTruthy();
+	});
 
-  it('should initialize with system preference', () => {
-    expect(service.isLightMode()).toBeDefined();
-  });
+	it('should initialize with system preference', () => {
+		expect(service.isLightMode()).toBeDefined();
+	});
 
-  it('should toggle theme', () => {
-    const initialMode = service.isLightMode();
-    service.toggleTheme();
-    expect(service.isLightMode()).toBe(!initialMode);
-  });
+	it('should toggle theme', () => {
+		const initialMode = service.isLightMode();
+		service.toggleTheme();
+		expect(service.isLightMode()).toBe(!initialMode);
+	});
 
-  it('should force light mode when specified', () => {
-    service.toggleTheme(true);
-    expect(service.isLightMode()).toBe(true);
-    expect(document.body.classList.contains('light-mode')).toBe(true);
-    expect(document.body.classList.contains('dark-mode')).toBe(false);
-  });
+	it('should force light mode when specified', () => {
+		service.toggleTheme(true);
+		expect(service.isLightMode()).toBe(true);
+		expect(document.body.classList.contains('light-mode')).toBe(true);
+		expect(document.body.classList.contains('dark-mode')).toBe(false);
+	});
 
-  it('should force dark mode when specified', () => {
-    service.toggleTheme(false);
-    expect(service.isLightMode()).toBe(false);
-    expect(document.body.classList.contains('light-mode')).toBe(false);
-    expect(document.body.classList.contains('dark-mode')).toBe(true);
-  });
+	it('should force dark mode when specified', () => {
+		service.toggleTheme(false);
+		expect(service.isLightMode()).toBe(false);
+		expect(document.body.classList.contains('light-mode')).toBe(false);
+		expect(document.body.classList.contains('dark-mode')).toBe(true);
+	});
 });

src/app/services/user-input-service.ts

@@ -1,4 +1,4 @@
-import { Injectable, signal, PLATFORM_ID, inject } from '@angular/core';
+import { Injectable, signal } from '@angular/core';
 import { VacationsNumber } from './calendar-service';
 
 @Injectable({