Add priority and lazy loading to some images

frontend/components/profile/tickets/[id]/TicketBubble.vue

@@ -38,9 +38,7 @@ const profile = computed(() => {
 });
 
 const username = computed(() => {
-    return is_user.value
-        ? `${account.value?.first_name} ${account.value?.last_name}`
-        : "ادمین پشتیبانی هی ملز";
+    return is_user.value ? `${account.value?.first_name} ${account.value?.last_name}` : "ادمین پشتیبانی هی ملز";
 });
 </script>
 
@@ -54,7 +52,12 @@ const username = computed(() => {
             :class="is_user ? 'rounded-br-none' : 'rounded-bl-none'"
         >
             <div class="w-2/12 flex items-start justify-start">
-                <NuxtImg :src="profile" class="size-16 rounded-full" />
+                <NuxtImg
+                    :src="profile"
+                    loading="lazy"
+                    fetch-priority="low"
+                    class="size-16 rounded-full"
+                />
             </div>
 
             <div class="w-10/12 flex flex-col items-start pt-2">
@@ -65,9 +68,7 @@ const username = computed(() => {
                     >
                         {{ timeAgo }}
                     </p>
-                    <p
-                        class="text-xs font-semibold text-dynamic-secondary line-clamp-1"
-                    >
+                    <p class="text-xs font-semibold text-dynamic-secondary line-clamp-1">
                         {{ username }}
                     </p>
                 </div>