fix: disable selecting elements in navbar (#1147)

components/nav/NavSideItem.vue

@@ -66,7 +66,7 @@ const noUserVisual = computed(() => isHydrated.value && props.userOnly && !curre
           <div :class="icon" text-xl />
         </slot>
         <slot>
-          <span block sm:hidden xl:block>{{ isHydrated ? text : '&nbsp;' }}</span>
+          <span block sm:hidden xl:block select-none>{{ isHydrated ? text : '&nbsp;' }}</span>
         </slot>
       </div>
     </CommonTooltip>

components/nav/NavTitle.vue

@@ -17,6 +17,7 @@ router.afterEach(() => {
       flex items-end gap-4
       py2 px-5
       text-2xl
+      select-none
       focus-visible:ring="2 current"
       to="/"
       external

components/search/SearchWidget.vue

@@ -66,6 +66,7 @@ const activate = () => {
         bg-transparent
         outline="focus:none"
         pe-4
+        select-none
         :placeholder="isHydrated ? t('nav.search') : ''"
         pb="1px"
         placeholder-text-secondary

components/user/UserSignInEntry.vue

@@ -8,7 +8,7 @@
     <p text-sm text-secondary>
       {{ $t('user.sign_in_desc') }}
     </p>
-    <button btn-solid rounded-3 text-center mt-2 @click="openSigninDialog()">
+    <button btn-solid rounded-3 text-center mt-2 select-none @click="openSigninDialog()">
       {{ $t('action.sign_in') }}
     </button>
   </div>