VncConsole: render console type

Text "Console: VNC" is rendered on top of the VncCOnsole component.

Once design of console componenents is stabilized in pf-react, esp.
around the ConsolleSwitcher component, this change will be moved to pf-react.

frontend/public/kubevirt/_style.scss

@@ -1,4 +1,6 @@
-@import "components/vm";
 @import '~kubevirt-web-ui-components/dist/sass/components';
 @import '~patternfly/dist/sass/patternfly/wizard';
 @import '~patternfly/dist/sass/patternfly/forms';
+
+@import 'components/vm';
+@import 'components/vmconsoles';

frontend/public/kubevirt/components/_vmconsoles.scss

@@ -0,0 +1,9 @@
+.vnc-console .toolbar-pf-results {
+  border-top: none; /** Override PF default. Once approved, this should get into pf-react VncConsole*/
+}
+
+.vmconsoles-type {
+  /*position: absolute;
+  left: 3.5em;
+  */
+}

frontend/public/kubevirt/components/vmconsoles.jsx

@@ -12,6 +12,15 @@ const VmIsNotRunning = () => (
   </div>
 );
 
+/**
+ * Once design is stabilized, this will go to pf-react's VncConsole.
+ */
+const ConsoleType = ({ type }) => (
+  <div className="vmconsoles-type">
+    <b>Console</b> {type}
+  </div>
+);
+
 /**
  * Actual component for consoles.
  */
@@ -23,6 +32,7 @@ const VmConsoles = ({ vmi }) => {
   const vncConDetails = getVncConnectionDetails(vmi);
   return (
     <div className="co-m-pane__body">
+      <ConsoleType type="VNC" />
       <VncConsole {...vncConDetails} />
     </div>
   );