Add breadcrumbs to removal of kube objects, but also discuss about general improvements (#4282)

Co-authored-by: Mikko Aspiala <mikko.aspiala@gmail.com>
Co-authored-by: Janne Savolainen <janne.savolainen@live.fi>
Co-authored-by: Janne Savolainen <janne.savolainen@houston-inc.com>
Co-authored-by: Mikko Aspiala <mikko.aspiala@houston-inc.com>

src/renderer/components/dialog/dialog.tsx

@@ -41,6 +41,7 @@ export interface DialogProps {
   modal?: boolean;
   pinned?: boolean;
   animated?: boolean;
+  "data-testid"?: string;
 }
 
 interface DialogState {
@@ -149,7 +150,7 @@ export class Dialog extends React.PureComponent<DialogProps, DialogState> {
   };
 
   render() {
-    const { modal, animated, pinned } = this.props;
+    const { modal, animated, pinned, "data-testid": testId } = this.props;
     let { className } = this.props;
 
     className = cssNames("Dialog flex center", className, { modal, pinned });
@@ -158,6 +159,7 @@ export class Dialog extends React.PureComponent<DialogProps, DialogState> {
         className={className}
         onClick={stopPropagation}
         ref={this.ref}
+        data-testid={testId}
       >
         <div className="box" ref={e => this.contentElem = e}>
           {this.props.children}