fix: disable selecting elements in user switcher (#1219)

components/account/AccountAvatar.vue

@@ -15,6 +15,7 @@ const error = $ref(false)
     :key="account.avatar"
     width="400"
     height="400"
+    select-none
     :src="(error || !loaded) ? 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7' : account.avatar"
     :alt="$t('account.avatar_description', [account.username])"
     loading="lazy"

components/account/AccountInfo.vue

@@ -20,7 +20,7 @@ defineOptions({
     <AccountHoverWrapper :disabled="!hoverCard" :account="account">
       <AccountBigAvatar :account="account" shrink-0 :square="square" />
     </AccountHoverWrapper>
-    <div flex="~ col" shrink pt-1 h-full overflow-hidden justify-center leading-none>
+    <div flex="~ col" shrink pt-1 h-full overflow-hidden justify-center leading-none select-none>
       <div flex="~" gap-2>
         <AccountDisplayName :account="account" font-bold line-clamp-1 ws-pre-wrap break-all text-lg />
         <AccountBotIndicator v-if="account.bot" text-xs />

components/common/dropdown/DropdownItem.vue

@@ -42,6 +42,7 @@ useCommand({
   <div
     v-bind="$attrs" ref="el"
     flex gap-3 items-center cursor-pointer px4 py3
+    select-none
     hover-bg-active
     :aria-label="text"
     @click="handleClick"