refactor: UHK Message component

electron/src/components/missing-device/missing-device.component.html

@@ -1,7 +1 @@
-<span class="missing-device-wrapper">
-    <img class="agent-logo" src="images/agent-icon.png"/>
-    <div class="messages">
-        <h1> Cannot find your UHK </h1>
-        <h2> Please plug it in! </h2>
-    </div>
-</span>
+<uhk-message title="Cannot find your UHK" subtitle="Please plug it in!"></uhk-message>

electron/src/components/missing-device/missing-device.component.scss

@@ -1,19 +0,0 @@
-.missing-device-wrapper {
-    display: flex;
-    height: 100%;
-    align-items: center;
-    justify-content: center;
-}
-
-.agent-logo {
-    padding: 2em;
-}
-
-.message {
-    display: flex;
-    flex-direction: column;
-
-    > h2 {
-        margin-top: 10px;
-    }
-}

electron/src/components/missing-device/missing-device.component.ts

@@ -10,8 +10,7 @@ import { UhkDeviceService } from './../../services/uhk-device.service';
 
 @Component({
     selector: 'missing-device',
-    templateUrl: 'missing-device.component.html',
-    styleUrls: ['missing-device.component.scss']
+    templateUrl: 'missing-device.component.html'
 })
 export class MissingDeviceComponent {