Enforce some naming conventions (#4813)

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

@@ -20,7 +20,7 @@ import { ThemeStore } from "../../theme.store";
 import { kubeSelectedUrlParam, toggleDetails } from "../kube-detail-params";
 import { apiManager } from "../../../common/k8s-api/api-manager";
 
-interface Props {
+export interface ClusterIssuesProps {
   className?: string;
 }
 
@@ -39,14 +39,14 @@ enum sortBy {
 }
 
 @observer
-export class ClusterIssues extends React.Component<Props> {
+export class ClusterIssues extends React.Component<ClusterIssuesProps> {
   private sortCallbacks = {
     [sortBy.type]: (warning: IWarning) => warning.kind,
     [sortBy.object]: (warning: IWarning) => warning.getName(),
     [sortBy.age]: (warning: IWarning) => warning.timeDiffFromNow,
   };
 
-  constructor(props: Props) {
+  constructor(props: ClusterIssuesProps) {
     super(props);
     makeObservable(this);
   }

src/renderer/components/+cluster/cluster-no-metrics.tsx

@@ -7,11 +7,11 @@ import React from "react";
 import { Icon } from "../icon";
 import { cssNames } from "../../utils";
 
-interface Props {
+export interface ClusterNoMetricsProps {
   className: string;
 }
 
-export function ClusterNoMetrics({ className }: Props) {
+export function ClusterNoMetrics({ className }: ClusterNoMetricsProps) {
   return (
     <div className={cssNames("ClusterNoMetrics flex column box grow justify-center align-center", className)}>
       <Icon material="info"/>