feat: added support for className to <AnchoredOverlay>

[Princeyadav05]

Closes #4739

This PR adds the ability to apply custom CSS classes to the AnchoredOverlay component's overlay.

Changelog

Changed

• Updated the AnchoredOverlay component to pass through all overlayProps to the internal Overlay component.

Removed

• N/A

Rollout strategy

• Minor release
• Patch release
• Major release; if selected, include a written rollout or migration plan
• None; if selected, include a brief description as to why

This change adds new functionality without breaking existing behavior, making it suitable for a minor release.

Testing & Reviewing

To test this change:

1. Use the AnchoredOverlay component with a custom class:

   <AnchoredOverlay
     overlayProps={{
       className: "my-custom-overlay-class"
     }}
     // ... other props
   >
     {/* Overlay content */}
   </AnchoredOverlay>

Merge checklist

• Added/updated tests
• Added/updated documentation
• Added/updated previews (Storybook)
• Changes are SSR compatible
• Tested in Chrome
• Tested in Firefox
• Tested in Safari
• Tested in Edge
• (GitHub staff only) Integration tests pass at github/github (Learn more about how to run integration tests)

[changeset-bot]

⚠️ No Changeset found

Latest commit: c1e0161

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[broccolinisoup]

Hello! Thanks for pushing this PR. There is a type error about the new className prop. Could you please make sure the new prop type is also defined?

[Princeyadav05]

Hello! Thanks for pushing this PR. There is a type error about the new className prop. Could you please make sure the new prop type is also defined?

Sure, will look at it today.

[broccolinisoup]

Hello @Princeyadav05 👋🏻 Let me know if you need a hand with fixing the type issue!

We have another PR raised for the same issue and I am trying to coordinate so that we can have both of your contributions, ideally 😊

[Princeyadav05]

Hello @Princeyadav05 👋🏻 Let me know if you need a hand with fixing the type issue!

We have another PR raised for the same issue and I am trying to coordinate so that we can have both of your contributions, ideally 😊

Will try to close it in a couple of hours. Thanks you for your co-ordination. 😊

[Princeyadav05]

@broccolinisoup have made the required changes. Do let me know if anything else is required.

[broccolinisoup]

Thanks @Princeyadav05!! 🎉