Fix ui updater

src/main/resources/static/css/global.css

@@ -218,6 +218,23 @@ th {
   color: var(--gelb);
 }
 
+/* FontAwesome Icons in Symbol-Spalte */
+.sym i.fas {
+  font-family: "Font Awesome 6 Free";
+  font-weight: 900;
+  font-style: normal;
+  font-variant: normal;
+  text-rendering: auto;
+  line-height: 1;
+}
+
+.sym i.fa-plus,
+.sym i.fa-minus,
+.sym i.fa-exclamation {
+  font-size: 16px;
+  display: inline-block;
+}
+
 /* Diff-Highlighting für Tabellenzeilen */
 .diff-row-added {
   background: var(--gruen-hell);

src/main/resources/static/js/ui-updater-hhm-einkommen.js

@@ -106,10 +106,10 @@ function updateHaushaltsmitgliederTable(mitgliederRows, selectedPersonId) {
     
     const symbolTd = document.createElement('td');
     symbolTd.className = 'sym ' + (row.symbolClass || '');
-    symbolTd.textContent = row.symbol || '';
-    const ariaLabel = row.symbol === '+' ? 'Hinzugefügt' : 
-                     (row.symbol === '-' ? 'Gelöscht' : 
-                     (row.symbol === '!' ? 'Geändert' : 'Unverändert'));
+    symbolTd.innerHTML = row.symbol || '';
+    const ariaLabel = row.symbol && row.symbol.includes('fa-plus') ? 'Hinzugefügt' : 
+                     (row.symbol && row.symbol.includes('fa-minus') ? 'Gelöscht' : 
+                     (row.symbol && row.symbol.includes('fa-exclamation') ? 'Geändert' : 'Unverändert'));
     symbolTd.setAttribute('aria-label', ariaLabel);
     tr.appendChild(symbolTd);
     
@@ -235,10 +235,10 @@ function updateTable(tableId, data, columns) {
       
       if (index === 0) { // Symbol-Spalte
         td.className = 'sym ' + (row.symbolClass || '');
-        td.textContent = row.symbol || '';
-        const ariaLabel = row.symbol === '+' ? 'Hinzugefügt' : 
-                         (row.symbol === '-' ? 'Gelöscht' : 
-                         (row.symbol === '!' ? 'Geändert' : 'Unverändert'));
+        td.innerHTML = row.symbol || '';
+        const ariaLabel = row.symbol && row.symbol.includes('fa-plus') ? 'Hinzugefügt' : 
+                         (row.symbol && row.symbol.includes('fa-minus') ? 'Gelöscht' : 
+                         (row.symbol && row.symbol.includes('fa-exclamation') ? 'Geändert' : 'Unverändert'));
         td.setAttribute('aria-label', ariaLabel);
       } else {
         td.innerHTML = row[column] || '';