WIP: account management menu can be toggled by head button now.

src/components/Navbar.vue

@@ -1,7 +1,7 @@
 <template>
   <nav class="bg-neutral-700">
     <div class="mx-auto px-4" :class="[showNavbarBreadcrumb? 'min-h-12': 'h-12']">
-      <div class="flex justify-between items-center flex-wrap" v-show="showNavbarBreadcrumb">
+      <div class="flex justify-between items-center flex-wrap relative" v-show="showNavbarBreadcrumb">
         <div id="nav_bar" class="flex flex-1 items-center">
           <!-- 回 Files 頁 -->
           <router-link to="/files" class="mr-4" v-if="showIcon" id="backPage">
@@ -56,6 +56,7 @@
           </button>
           <!-- <button class="btn btn-sm btn-neutral">Download</button> -->
         </div>
+        <AcctMenu/>
       </div>
     </div>
   </nav>
@@ -70,6 +71,7 @@ import IconSearch from '@/components/icons/IconSearch.vue';
 import IconSetting from '@/components/icons/IconSetting.vue';
 import { saveFilter, savedSuccessfully, saveConformance } from '@/module/alertModal.js';
 import UploadModal from './File/UploadModal.vue';
+import AcctMenu from './AccountMenu/AcctMenu.vue';
 
 export default {
   setup() {
@@ -95,6 +97,7 @@ export default {
     IconSearch,
     IconSetting,
     UploadModal,
+    AcctMenu,
   },
   data() {
     return {