What is this bug report for?

ui

Issue description

Within the hero section on the home page, the avatar's in the discord messages are causing a significant performance decrease, we should switch to next/image

Code sample

<Avatar>
  <AvatarImage alt={props.alt} src={props.src} />
  <AvatarFallback>
    {props.alt.split(' ').map((word) => word.at(0)?.toUpperCase())}
  </AvatarFallback>
</Avatar>

Operating system

N/A

Priority this issue should have

Medium (should be fixed soon)

Extra