fix(front): admin detail pages

front/src/components/common/Tooltip.vue

@@ -18,7 +18,7 @@ withDefaults(defineProps<Props>(), {
     class="tooltip"
   >
     <slot>
-      <i class="question circle icon" />
+      <i class="bi bi-question-circle" />
     </slot>
   </component>
   <slot v-else />

front/src/views/admin/ChannelDetail.vue

@@ -171,7 +171,6 @@ const getQuery = (field: string, value: string) => `${field}:"${value}"`
       <Popover v-model="open">
         <template #default="{ toggleOpen }">
           <OptionsButton
-            :title="labels.more"
             is-square-small
             @click="toggleOpen()"
           />

front/src/views/admin/library/ArtistDetail.vue

@@ -183,7 +183,6 @@ const open = ref(false)
       <Popover v-model="open">
         <template #default="{ toggleOpen }">
           <OptionsButton
-            :title="labels.more"
             is-square-small
             @click="toggleOpen()"
           />
@@ -307,10 +306,16 @@ const open = ref(false)
       stack
       style="flex: 1; gap: 0;"
     >
+      <!-- TODO: Fix tooltip and replace headings with headers. -->
       <Heading
         :h3="t('views.admin.library.ArtistDetail.header.activity')"
         class="category"
-      />
+      >
+        <template #action>
+          <tooltip :content="labels.statsWarning" />
+        </template>
+      </Heading>
+
       <Layout
         flex
         class="details"

front/src/views/admin/library/TagDetail.vue

@@ -13,7 +13,6 @@ import Layout from '~/components/ui/Layout.vue'
 import Spacer from '~/components/ui/Spacer.vue'
 import HumanDate from '~/components/common/HumanDate.vue'
 import Link from '~/components/ui/Link.vue'
-import Pill from '~/components/ui/Pill.vue'
 import Heading from '~/components/ui/Heading.vue'
 import OptionsButton from '~/components/ui/button/Options.vue'
 import Popover from '~/components/ui/Popover.vue'

front/src/views/admin/library/TrackDetail.vue

@@ -181,7 +181,6 @@ const getQuery = (field: string, value: string) => `${field}:"${value}"`
       <Popover v-model="open">
         <template #default="{ toggleOpen }">
           <OptionsButton
-            :title="labels.more"
             is-square-small
             @click="toggleOpen()"
           />