feat: implement internationalization with multi-language support and runtime language selection

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

@@ -3,10 +3,10 @@ import { UserInputService } from '../../services/user-input-service';
 import { MatCard, MatCardContent } from '@angular/material/card';
 import { CalendarMonth } from '../calendar-month/calendar-month';
 import { CalendarService, SelectedDates } from '../../services/calendar-service';
-
 import { MatProgressSpinner } from '@angular/material/progress-spinner';
 import { DateCacheService } from '../../services/date-cache.service';
 import { RuleService } from '../../services/rule-service';
+import { TranslationService } from '../../services/translation-service';
 
 @Component({
 	selector: 'app-calendar-year',
@@ -19,8 +19,14 @@ export class CalendarYear {
 	private userInput = inject(UserInputService);
 	private calendarService = inject(CalendarService);
 	private ruleService = inject(RuleService);
+	protected readonly translationService = inject(TranslationService);
+
+	get tr() {
+		return this.translationService.tr;
+	}
 
 	protected isLoading = signal(true);
+
 	protected loadingProgress = signal(0);
 
 	// Use DateCacheService instead of creating Date objects