Fix text alignment in invocation grid rows

Fixes #21143 — three alignment issues on the Workflow Invocations grid:

Grid cells used the browser default vertical-align: middle, so when the
History column wrapped to multiple lines, other columns' content floated
to the vertical center. Added align-top to td elements in GridList.

SwitchToHistoryLink's flex container used space-between and center, which
pushed the archive/purge icon far right and vertically centered it. Switched
to baseline and dropped space-between.

GLink renders as a button when no href/to is provided, and browsers default
buttons to text-align: center. Used a scoped deep selector to override this
on the history link so wrapped text stays left-aligned.

Author: dannon

client/src/components/Grid/GridList.vue

@@ -436,7 +436,7 @@ watch(operationMessage, () => {
                             <td
                                 v-for="(fieldEntry, fieldIndex) in gridConfig.fields"
                                 :key="fieldIndex"
-                                class="px-2 py-3"
+                                class="px-2 py-3 align-top"
                                 :style="{ width: `${fieldEntry.width}%` }">
                                 <div
                                     v-if="!fieldEntry.condition || fieldEntry.condition(rowData)"

client/src/components/History/SwitchToHistoryLink.vue

@@ -131,7 +131,10 @@ const linkClass = computed(() => {
 .history-link {
     display: flex;
     gap: 1px;
-    align-items: center;
-    justify-content: space-between;
+    align-items: baseline;
+}
+
+.history-link :deep(.g-link) {
+    text-align: start;
 }
 </style>