NIFI-15920 improve accesibility around connector state text in listing

nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/connectors/ui/connector-table/connector-table.component.html

@@ -76,9 +76,10 @@
                     <div class="inline-flex items-center gap-x-2">
                         <span [title]="formatState(item)">{{ formatState(item) }}</span>
                         @if (canRead(item) && canDiscardConfig(item)) {
-                            <span class="caution-color text-xs font-medium" data-qa="edits-not-applied-badge"
-                                >(Edits not applied)</span
-                            >
+                            <i
+                                class="neutral-color fa fa-asterisk"
+                                matTooltip="Edits not applied"
+                                matTooltipPosition="after"></i>
                         }
                     </div>
                 </td>

nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/connectors/ui/connector-table/connector-table.component.ts

@@ -41,7 +41,15 @@ import { ValidationErrorsTip } from '../../../../ui/common/tooltips/validation-e
     selector: 'connector-table',
     standalone: true,
     templateUrl: './connector-table.component.html',
-    imports: [MatButtonModule, MatTableModule, MatSortModule, MatMenuModule, MatTooltipModule, NifiTooltipDirective],
+    imports: [
+        MatButtonModule,
+        MatTableModule,
+        MatSortModule,
+        MatMenuModule,
+        MatTooltipModule,
+        NifiTooltipDirective,
+        MatTooltipModule
+    ],
     styleUrls: ['./connector-table.component.scss']
 })
 export class ConnectorTable {