auth initiate, database and more

components/Header.vue

@@ -28,32 +28,7 @@
         </li>
         <HeaderUserWidget />
       </ol>
-      <div class="ml-3 inline-flex h-6 gap-x-2">
-        <HeaderButton @click="() => window.minimize()">
-          <MinusIcon />
-        </HeaderButton>
-        <HeaderButton @click="() => window.maximize()">
-          <svg
-            viewBox="0 0 24 24"
-            fill="none"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <rect
-              x="6"
-              y="6"
-              width="12"
-              height="12"
-              stroke="currentColor"
-              stroke-width="2"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            />
-          </svg>
-        </HeaderButton>
-        <HeaderButton @click="() => window.close()">
-          <XMarkIcon />
-        </HeaderButton>
-      </div>
+      <WindowControl class="ml-3" />
     </div>
   </div>
 </template>
@@ -61,9 +36,7 @@
 <script setup lang="ts">
 import {
   BellIcon,
-  MinusIcon,
   UserGroupIcon,
-  XMarkIcon,
 } from "@heroicons/vue/16/solid";
 import type { NavigationItem, QuickActionNav } from "./types";
 import HeaderWidget from "./HeaderWidget.vue";