refactoring

.env.example

@@ -2,4 +2,4 @@ DATABASE_URL="postgres://drop:drop@127.0.0.1:5432/drop"
 
 CLIENT_CERTIFICATES="./.data/ca"
 
-GIANT_BOMB_API_KEY=""
+GIANT_BOMB_API_KEY=""data

components/HeaderUserWidget.vue

@@ -1,13 +1,13 @@
 <template>
     <Menu as="div" class="relative inline-block">
         <MenuButton>
-            <InlineWidget>
+            <HeaderWidget>
                 <div class="inline-flex items-center text-zinc-300 hover:text-white">
                     <img :src="userData.image" class="w-5 h-5 rounded-sm" />
                     <span class="ml-2 text-sm font-bold">{{ userData.name }}</span>
                     <ChevronDownIcon class="ml-3 h-4" />
                 </div>
-            </InlineWidget>
+            </HeaderWidget>
         </MenuButton>
 
         <transition enter-active-class="transition ease-out duration-100"
@@ -42,6 +42,7 @@
 import { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/vue'
 import { ChevronDownIcon } from '@heroicons/vue/16/solid';
 import type { NavigationItem } from '../composables/types';
+import HeaderWidget from './HeaderWidget.vue';
 
 const userData = {
     image: "https://avatars.githubusercontent.com/u/64579723?v=4",

components/UserHeader.vue

@@ -14,9 +14,9 @@
         <div class="inline-flex items-center">
             <ol class="inline-flex gap-3">
                 <li v-for="(item, itemIdx) in quickActions">
-                    <InlineWidget @click="item.action" :notifications="item.notifications">
+                    <HeaderWidget @click="item.action" :notifications="item.notifications">
                         <component class="h-5" :is="item.icon" />
-                    </InlineWidget>
+                    </HeaderWidget>
                 </li>
                 <HeaderUserWidget />
             </ol>
@@ -27,6 +27,7 @@
 <script setup lang="ts">
 import { BellIcon, UserGroupIcon } from '@heroicons/vue/16/solid';
 import type { NavigationItem, QuickActionNav } from '../composables/types';
+import HeaderWidget from './HeaderWidget.vue';
 
 const navigation: Array<NavigationItem> = [
     {