Enforce some naming conventions (#4813)

src/renderer/components/+user-management/+cluster-roles/add-dialog.tsx

@@ -16,16 +16,16 @@ import { Notifications } from "../../notifications";
 import { Wizard, WizardStep } from "../../wizard";
 import { clusterRolesStore } from "./store";
 
-interface Props extends Partial<DialogProps> {
+export interface AddClusterRoleDialogProps extends Partial<DialogProps> {
 }
 
 @observer
-export class AddClusterRoleDialog extends React.Component<Props> {
+export class AddClusterRoleDialog extends React.Component<AddClusterRoleDialogProps> {
   static isOpen = observable.box(false);
 
   @observable clusterRoleName = "";
 
-  constructor(props: Props) {
+  constructor(props: AddClusterRoleDialogProps) {
     super(props);
     makeObservable(this);
   }

src/renderer/components/+user-management/+cluster-roles/details.tsx

@@ -13,11 +13,11 @@ import type { KubeObjectDetailsProps } from "../../kube-object-details";
 import { KubeObjectMeta } from "../../kube-object-meta";
 import type { ClusterRole } from "../../../../common/k8s-api/endpoints";
 
-interface Props extends KubeObjectDetailsProps<ClusterRole> {
+export interface ClusterRoleDetailsProps extends KubeObjectDetailsProps<ClusterRole> {
 }
 
 @observer
-export class ClusterRoleDetails extends React.Component<Props> {
+export class ClusterRoleDetails extends React.Component<ClusterRoleDetailsProps> {
   render() {
     const { object: clusterRole } = this.props;
 

src/renderer/components/+user-management/+cluster-roles/view.tsx

@@ -20,11 +20,11 @@ enum columnId {
   age = "age",
 }
 
-interface Props extends RouteComponentProps<ClusterRolesRouteParams> {
+export interface ClusterRolesProps extends RouteComponentProps<ClusterRolesRouteParams> {
 }
 
 @observer
-export class ClusterRoles extends React.Component<Props> {
+export class ClusterRoles extends React.Component<ClusterRolesProps> {
   render() {
     return (
       <>