Using teleport for tooltips. Moved theme class to body tag with UI observer.

assets/components/header/header.vue

@@ -82,7 +82,7 @@
 				@click.stop="toggleSidebar"
 			><Icon icon="menu" /></div>
 
-			<v-popover>
+			<Tooltip>
 				<div class="header-account">
 					<div class="account">
 						<Icon
@@ -92,7 +92,7 @@
 					</div>
 				</div>
 
-				<template v-slot:popover>
+				<template v-slot:tooltip>
 					<div class="menu">
 						<ul class="menu-items noselect">
 							<li class="menu-item disabled">
@@ -149,11 +149,11 @@
 						</ul>
 					</div>
 				</template>
-			</v-popover>
+			</Tooltip>
 
 			<Search class="search-full" />
 
-			<v-popover
+			<Tooltip
 				class="search-compact"
 				:open="searching"
 				@show="searching = true"
@@ -167,12 +167,12 @@
 				/></button>
 
 				<Search
-					slot="popover"
+					slot="tooltip"
 					:searching="searching"
 					class="compact"
 					@search="searching = false"
 				/>
-			</v-popover>
+			</Tooltip>
 		</div>
 	</header>
 </template>