fix: leaking global classes from cluster-issues css-module (#4605)

Signed-off-by: Roman <ixrock@gmail.com>

src/renderer/components/+cluster/cluster-issues.module.scss

@@ -60,15 +60,15 @@
     flex-grow: 2;
   }
 
-  .noIssues {
-    .ok-title {
-      font-size: large;
-      color: var(--textColorAccent);
-      font-weight: bold;
-    }
+   .noIssues {
+     .Icon {
+       color: white;
+     }
 
-    .allGood {
-      color: white;
-    }
-  }
+     .title {
+       font-size: large;
+       color: var(--textColorAccent);
+       font-weight: bold;
+     }
+   }
 }

src/renderer/components/+cluster/cluster-issues.tsx

@@ -149,9 +149,9 @@ export class ClusterIssues extends React.Component<Props> {
     if (!warnings.length) {
       return (
         <div className={cssNames(styles.noIssues, "flex column box grow gaps align-center justify-center")}>
-          <div><Icon className={styles.allGood} material="check" big sticker/></div>
-          <div className="ok-title">No issues found</div>
-          <span>Everything is fine in the Cluster</span>
+          <Icon className={styles.Icon} material="check" big sticker/>
+          <p className={styles.title}>No issues found</p>
+          <p>Everything is fine in the Cluster</p>
         </div>
       );
     }