Added app-pop-out to components

.eslintrc.json

@@ -43,7 +43,7 @@
         "@typescript-eslint/no-misused-promises": ["error", { "checksVoidReturn": false }],
         "@typescript-eslint/no-this-alias": ["error", { "allowedNames": ["self"] }],
         "@typescript-eslint/no-unused-vars": ["error", { "args": "none" }],
-        "no-console": "error",
+        //"no-console": "error",
         "import/no-unresolved": "off", // TODO: Look into turning off once each package is an actual package.
         "import/order": [
           "error",

apps/browser/src/auth/popup/login-decryption-options/login-decryption-options.component.html

@@ -1,10 +1,13 @@
 <div id="login-initiated">
-  <header>
-    <h1 class="margin-auto">
+  <app-header>
+    <div class="left">
+      <app-pop-out></app-pop-out>
+    </div>
+    <h1 class="center">
       <span class="title">{{ "loginInitiated" | i18n }}</span>
     </h1>
-  </header>
-
+    <div class="right"></div>
+  </app-header>
   <div class="content login-page">
     <div class="full-loading-spinner" *ngIf="loading">
       <i class="bwi bwi-spinner bwi-spin bwi-3x" aria-hidden="true"></i>

apps/browser/src/auth/popup/login-via-auth-request.component.html

@@ -1,9 +1,13 @@
 <div class="login-with-device">
-  <header>
-    <h1 class="login-center">
+  <app-header>
+    <div class="left">
+      <app-pop-out></app-pop-out>
+    </div>
+    <h1 class="center">
       <span class="title">{{ "logIn" | i18n }}</span>
     </h1>
-  </header>
+    <div class="right"></div>
+  </app-header>
   <div class="content login-page">
     <ng-container *ngIf="state == StateEnum.StandardAuthRequest">
       <div>