feat: improve code block parsing

components/common/CommonPaginator.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+// @ts-expect-error missing types
 import { DynamicScroller } from 'vue-virtual-scroller'
 import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
 import type { Paginator } from 'masto'

components/nav/NavSide.vue

@@ -11,7 +11,10 @@
       <NavSideItem text="Conversations" to="/conversations" icon="i-ri:at-line" />
       <NavSideItem text="Favourites" to="/favourites" icon="i-ri:heart-3-line" />
       <NavSideItem text="Bookmarks" to="/bookmarks" icon="i-ri:bookmark-line " />
-      <NavSideItem text="Lists" :to="getAccountPath(currentUser.account)" icon="i-ri:list-check-2-line">
+      <NavSideItem
+        :text="currentUser.account.displayName || 'Profile'"
+        :to="getAccountPath(currentUser.account)" icon="i-ri:list-check-2-line"
+      >
         <template #icon>
           <AccountAvatar :account="currentUser.account" h="1.2em" />
         </template>

components/status/StatusBody.vue

@@ -6,12 +6,13 @@ const { status, withAction = true } = defineProps<{
   withAction?: boolean
 }>()
 const { translation } = useTranslation(status)
-const content = $computed(() => translation.visible ? translation.text : status.content) 
+const content = $computed(() => translation.visible ? translation.text : status.content)
 </script>
 
 <template>
   <div class="status-body" whitespace-pre-wrap break-words :class="{ 'with-action': withAction }">
-    <ContentRich v-if="content"
+    <ContentRich
+      v-if="content"
       :content="content"
       :emojis="status.emojis"
     />