feat(frontend): right-align number, money and ID widgets in row list

Numeric values are conventionally right-aligned in data tables for
easier scanning and comparison of figures.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: gugu

frontend/src/app/components/ui-components/table-display-fields/id/id.component.css

@@ -1,9 +1,14 @@
+:host {
+	text-align: right;
+}
+
 .field-display-id {
-  display: flex;
-  align-items: center;
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
 }
 
 .field-value-id {
-  font-weight: 500;
-  flex-grow: 1;
+	font-weight: 500;
+	flex-grow: 1;
 }

frontend/src/app/components/ui-components/table-display-fields/money/money.component.css

@@ -1 +1,7 @@
+:host {
+	text-align: right;
+}
 
+.field-display {
+	justify-content: flex-end;
+}

frontend/src/app/components/ui-components/table-display-fields/number/number.component.css

@@ -1,11 +1,19 @@
+:host {
+	text-align: right;
+}
+
+.field-display {
+	justify-content: flex-end;
+}
+
 .out-of-threshold {
-  display: flex;
-  align-items: center;
-  gap: 2px;
+	display: flex;
+	align-items: center;
+	gap: 2px;
 }
 
 .out-of-threshold__icon {
-  font-size: 16px;
-  width: 16px;
-  height: 16px;
+	font-size: 16px;
+	width: 16px;
+	height: 16px;
 }