feat: enhance user input component with new styling and functionality

- Added informational styling to warning cards in user input component.
- Improved remaining days details and history display with new computed properties.
- Updated user input service to manage planning outcomes and traces more effectively.
- Enhanced leave planner service to classify remaining balances with detailed reasons.
- Expanded translation service to support new balance reasoning and suggestions.
- Updated translations for multiple languages to reflect new features and terminology.

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

@@ -174,6 +174,11 @@ form {
 .warning-card {
 	background: var(--ui-warning-bg, #fff4d6);
 	color: var(--ui-warning-text, #4f3800);
+
+	&.is-informational {
+		background: var(--ui-panel-bg);
+		color: var(--mat-sys-on-surface);
+	}
 }
 
 .warning-content {
@@ -192,6 +197,38 @@ form {
 	gap: 0.25rem;
 	min-width: 0;
 	overflow-wrap: break-word;
+	line-height: 1.5;
+
+	p {
+		margin: 0.25rem 0;
+	}
+}
+
+.remaining-balances,
+.remaining-history {
+	display: grid;
+	gap: 1rem;
+	margin: 0.5rem 0;
+	padding-inline-start: 1.25rem;
+}
+
+.remaining-day-detail summary {
+	min-height: 2.75rem;
+	align-content: center;
+	cursor: pointer;
+	text-decoration: underline;
+	text-underline-offset: 0.25em;
+}
+
+.decisive {
+	font-weight: 700;
+}
+
+.history-pagination {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 0.5rem;
 }
 
 :host {