c-3.86 0-7 3.141-7 7v1h1 1 14H20z"></path>
  </svg>
</div>

<div
  class="relative flex h-10 w-10 shrink-0 select-none items-center justify-center rounded bg-gray-100 text-sm font-bold uppercase text-gray-800">
  P
</div>

<div
  class="relative flex h-10 w-10 shrink-0 select-none items-center justify-center rounded bg-gray-100 text-sm font-bold uppercase text-gray-800">
  <img class="h-full w-full rounded object-cover object-center" src="https://source.boringavatars.com/beam/3?square" />
</div>

<div
  cla