feat: add tooltip for user picker (#938)

components/user/UserPicker.vue

@@ -17,6 +17,7 @@ const switchUser = (user: UserLogin) => {
   <div flex justify-start items-end px-2 gap-5>
     <div flex="~ wrap-reverse" gap-5>
       <template v-for="user of all" :key="user.id">
+        <CommonTooltip :distance="8" :delay="{ show: 300, hide: 100 }">
           <button
             flex rounded
             cursor-pointer
@@ -27,6 +28,16 @@ const switchUser = (user: UserLogin) => {
           >
             <AccountAvatar w-13 h-13 :account="user.account" square />
           </button>
+
+          <template #popper>
+            <div text-center>
+              <span text-4>
+                <AccountDisplayName :account="user.account" />
+              </span>
+              <AccountHandle :account="user.account" />
+            </div>
+          </template>
+        </CommonTooltip>
       </template>
     </div>
     <div flex items-center justify-center w-13 h-13>