Make the user names first letter capital

// pages/user/PublicProfile.js
  let name = agent?.username ?? agent?.name;
  name = name.charAt(0).toUpperCase() + name.substring(1);

  <h2 className="display-1 bg-primary text-light p-5 h1">{name}</h2>

Short the address to fit in the card

// AdCard.js
<p className="card-text">{`${ad?.address?.substring(0, 30)} ${
  ad?.address?.length > 30 && ".."
}`}</p>

Repeat this process in UserCard

  let name = user?.username ?? user?.name;
  name = name.charAt(0).toUpperCase() + name.substring(1);

<h3>{name}</h3>