fix: update status snapshots for PatternFly v5 tokens on 4.18

Cherry-picked tests from main used PF6 CSS variables; release-4.18 still renders PF5 tokens.

Signed-off-by: Atif Ali <atali@redhat.com>

Author: aali309

src/gitops/Statuses/ApplicationSetStatus.test.tsx

@@ -5,25 +5,25 @@ import ApplicationSetStatus from './ApplicationSetStatus';
 describe('ApplicationSetStatus', () => {
   it('renders Healthy', () => {
     expect(renderToStaticMarkup(<ApplicationSetStatus status="Healthy" />)).toMatchInlineSnapshot(
-      `"<span><svg data-icon="HeartIcon" style="color:var(--pf-t--global--icon--color--status--success--default)"></svg> Healthy</span>"`,
+      `"<span><svg data-icon="HeartIcon" style="color:var(--pf-v5-global--success-color--100)"></svg> Healthy</span>"`,
     );
   });
 
   it('renders Error', () => {
     expect(renderToStaticMarkup(<ApplicationSetStatus status="Error" />)).toMatchInlineSnapshot(
-      `"<span><svg data-icon="HeartBrokenIcon" style="color:var(--pf-t--global--icon--color--status--danger--default)"></svg> Error</span>"`,
+      `"<span><svg data-icon="HeartBrokenIcon" style="color:var(--pf-v5-global--danger-color--100)"></svg> Error</span>"`,
     );
   });
 
   it('renders Unknown for unrecognised status', () => {
     expect(renderToStaticMarkup(<ApplicationSetStatus status="Unknown" />)).toMatchInlineSnapshot(
-      `"<span><svg data-icon="UnknownIcon" style="color:var(--pf-t--global--icon--color--disabled)"></svg> Unknown</span>"`,
+      `"<span><svg data-icon="UnknownIcon" style="color:var(--pf-v5-global--disabled-color--100)"></svg> Unknown</span>"`,
     );
   });
 
   it('renders Unknown icon for empty status', () => {
     expect(renderToStaticMarkup(<ApplicationSetStatus status="" />)).toMatchInlineSnapshot(
-      `"<span><svg data-icon="UnknownIcon" style="color:var(--pf-t--global--icon--color--disabled)"></svg> </span>"`,
+      `"<span><svg data-icon="UnknownIcon" style="color:var(--pf-v5-global--disabled-color--100)"></svg> </span>"`,
     );
   });
 });

src/gitops/Statuses/HealthStatus.test.tsx

@@ -22,13 +22,13 @@ describe('HealthStatus', () => {
 
   it('renders Suspended', () => {
     expect(renderToStaticMarkup(<HealthStatus status="Suspended" />)).toMatchInlineSnapshot(
-      `"<div><div><svg data-icon="OutlinedPauseCircleIcon" style="color:var(--pf-t--global--icon--color--disabled)"></svg> Suspended</div></div>"`,
+      `"<div><div><svg data-icon="OutlinedPauseCircleIcon" style="color:var(--pf-v5-global--disabled-color--100)"></svg> Suspended</div></div>"`,
     );
   });
 
   it('renders Missing', () => {
     expect(renderToStaticMarkup(<HealthStatus status="Missing" />)).toMatchInlineSnapshot(
-      `"<div><div><svg data-icon="GhostIcon" style="color:var(--pf-t--global--icon--color--status--warning--default)"></svg> Missing</div></div>"`,
+      `"<div><div><svg data-icon="GhostIcon" style="color:var(--pf-v5-global--warning-color--100)"></svg> Missing</div></div>"`,
     );
   });
 
@@ -40,7 +40,7 @@ describe('HealthStatus', () => {
 
   it('renders Unknown for undefined status', () => {
     expect(renderToStaticMarkup(<HealthStatus status={undefined as any} />)).toMatchInlineSnapshot(
-      `"<div><div><svg data-icon="UnknownIcon" style="color:var(--pf-t--global--icon--color--disabled)"></svg> </div></div>"`,
+      `"<div><div><svg data-icon="UnknownIcon" style="color:var(--pf-v5-global--disabled-color--100)"></svg> </div></div>"`,
     );
   });