feat: limit max height of profile note

components/account/AccountBigCard.vue

@@ -43,7 +43,7 @@ defineOptions({
         </div>
       </div>
       <!-- Note -->
-      <div v-if="account.note">
+      <div v-if="account.note" max-h-100 overflow-y-auto>
         <ContentRich
           :content="account.note" :emojis="account.emojis"
           line-clamp-2

components/account/AccountHeader.vue

@@ -109,7 +109,7 @@ const isSelf = $computed(() => currentUser.value?.account.id === account.id)
           </button> -->
         </div>
       </div>
-      <div v-if="account.note">
+      <div v-if="account.note" max-h-100 overflow-y-auto>
         <ContentRich text-4 text-base :content="account.note" :emojis="account.emojis" />
       </div>
       <div v-if="namedFields.length" flex="~ col wrap gap1">

components/account/AccountHoverCard.vue

@@ -16,7 +16,9 @@ const relationship = $(useRelationship(account))
       </NuxtLink>
       <AccountFollowButton text-sm :account="account" :relationship="relationship" />
     </div>
-    <ContentRich text-4 text-secondary :content="account.note" :emojis="account.emojis" />
+    <div v-if="account.note" max-h-100 overflow-y-auto>
+      <ContentRich text-4 text-secondary :content="account.note" :emojis="account.emojis" />
+    </div>
     <AccountPostsFollowers text-sm :account="account" />
   </div>
 </template>