fix: too long username cause scroll horizontally (#274)

components/account/AccountHandle.vue

@@ -9,7 +9,7 @@ const serverName = $computed(() => getServerName(account))
 </script>
 
 <template>
-  <p>
+  <p line-clamp-1 whitespace-pre-wrap break-all text-secondary-light>
     <span text-secondary>{{ getShortHandle(account) }}</span>
     <span v-if="serverName" text-secondary-light>@{{ serverName }}</span>
   </p>