feat: enhance user input and rules panel components

- Updated dark-light mode button styles for improved responsiveness.
- Enhanced rules panel with additional buttons for moving rules up and down, and updated styles for better layout.
- Added active rule count display in the rules panel header.
- Improved user input component layout with section headings and updated button styles.
- Refactored day input component to use grid layout for better alignment and responsiveness.
- Added new translations for user input and rules panel features.
- Implemented tests for new functionality in rules panel and day input components.
- Added application routes test to ensure correct routing configuration.

src/app/services/translation-service.ts

@@ -9,6 +9,8 @@ export interface AppTranslations {
 		description: string;
 	};
 	userInput: {
+		title: string;
+		description: string;
 		addVacationDay: string;
 		calculate: string;
 		remainingDaysWarning: string;
@@ -16,6 +18,8 @@ export interface AppTranslations {
 		deleteEntry: string;
 		chooseDate: string;
 		availableDate: string;
+		days: string;
+		type: string;
 		daySuffix: string;
 		daysSuffix: string;
 		expires: string;
@@ -49,6 +53,9 @@ export interface AppTranslations {
 	rules: {
 		title: string;
 		subtitle: string;
+		active: string;
+		moveRuleUp: string;
+		moveRuleDown: string;
 		priorityInfo: string;
 		ifThenTemplate: string;
 		timeWindowTemplate: string;
@@ -92,6 +99,11 @@ export interface AppTranslations {
 		};
 	};
 	planning: {
+		title: string;
+		daysPlaced: string;
+		daysGained: string;
+		longestWorkSequence: string;
+		legend: string;
 		invalidInput: string;
 		conflict: string;
 		incomplete: string;