fix: [CAL-3141] (+1) badge not aligned

[jackWhtman]

What does this PR do?

Updated the class names for AvatarGroup elements to align the +n badge

Fixes #13688

Requirement/Documentation

Type of change

• Bug fix (non-breaking change which fixes an issue)

How should this be tested?

For a group of users when Avatar's are rendered on screen they should be aligned

• What are the minimal test data to have?
  • to have at least more than 4 users for this scenario
• What is expected (happy path) to have (input and output)?
  • all badge elements to be aligned

Checklist

• I haven't checked if new and existing unit tests pass locally with my changes

[vercel]

@jackWhtman is attempting to deploy a commit to the cal-staging Team on Vercel.

A member of the Team first needs to authorize it.

[CLAassistant]

All committers have signed the CLA.

[github-actions]

Thank you for following the naming conventions! 🙏 Feel free to join our discord and post your PR link.

[graphite-app]

Graphite Automations

A Graphite automation took an action on this PR • (02/16/24)

1 label was added based on Keith Williams's automation, 'Add community label'

[github-actions]

📦 Next.js Bundle Analysis for @calcom/web

This analysis was generated by the Next.js Bundle Analysis action. 🤖

This PR introduced no changes to the JavaScript bundle! 🙌

[Udit-takkar]

LGTM. Text wasn't centered so I have fixed that also