feat(ui): improve table layout with left-aligned text and status chips

frontend/src/App.tsx

@@ -2501,7 +2501,7 @@ function AppContent() {
 											<span>{t('form.blisters.startTime')}</span>
 											<input type="time" value={b.startTime} onChange={(e) => setBlisterValue(idx, "startTime", e.target.value)} />
 										</label>
-										{form.blisters.length > 1 && <button type="button" className="danger remove-blister-btn" onClick={() => removeBlister(idx)} title={t('common.delete')}>🗑</button>}
+										{form.blisters.length > 1 && <button type="button" className="danger remove-blister-btn" onClick={() => removeBlister(idx)}>{t('common.remove')}</button>}
 									</div>
 								))}
 								<button type="button" className="ghost add-blister" onClick={addBlister}>+ {t('form.blisters.addIntake')}</button>

frontend/src/styles.css

@@ -900,11 +900,13 @@ textarea {
     display: flex;
     flex-direction: column;
     gap: 0.5rem;
+    align-items: stretch;
   }
   .table-row span {
     display: flex;
     justify-content: space-between;
     align-items: center;
+    text-align: left;
   }
   .table-row span::before {
     content: attr(data-label);
@@ -914,6 +916,7 @@ textarea {
     text-transform: uppercase;
     margin-right: 1rem;
     flex-shrink: 0;
+    text-align: left;
   }
   /* First span (name cell) - centered horizontal layout */
   .table-row span:first-child {
@@ -924,6 +927,10 @@ textarea {
   .table-row span:first-child::before {
     display: none; /* Hide "NAME" label on mobile */
   }
+  /* Status chip in table row - left aligned */
+  .table-row span.status-chip {
+    align-self: flex-start;
+  }
   /* Avatar + name layout - centered */
   .table-row .cell-with-avatar {
     display: flex;