"/>
		 </div>
		 <div class="flex flex-col">
		  <a class="text-sm font-semibold text-mono hover:text-primary" href="#">
		   HR Team
		  </a>
		  <span class="text-xs font-medium italic text-muted-foreground">
		   Jessy is typing..
		  </span>
		 </div>
		</div>
		<div class="flex items-center gap-2.5">
		 <div class="flex -space-x-2">
		  <div class="flex">
		   <img class="hover:z-5 relative shrink-0 rounded-full ring-1 ring-background size-[30px]" src="assets/media/avatars/300-4.png"/>
		  </div>
		  <