Fix right panel layout in lead view, when they have Extratypes

[gcoplasbecher]

Issue Reference

N/A – Issue identified and fixed proactively during manual usage.

Description

This PR fixes a layout breaking issue on the Lead view when a large number of extra types are present.
Previously, when multiple extra type fields were rendered, the layout overflowed and caused UI misalignment and poor usability.

The view has been adjusted to handle large numbers of extra types gracefully, ensuring the layout remains responsive and visually consistent regardless of the amount of data displayed.

How To Test This?

1. Go to Leads and open an existing lead.

2. Ensure the lead has multiple extra types (enough to previously break the layout).

3. Verify that:

• The layout does not overflow or break.

• All extra types are displayed correctly.

• The Lead view remains responsive on different screen sizes.

4. Confirm that leads with fewer or no extra types continue to render correctly.

Documentation

• My pull request requires an update on the documentation repository.
  No documentation changes are required, as this is a UI/layout fix only.

Branch Selection

• [ x] Target Branch: master

Tailwind Reordering

All Tailwind CSS classes were reordered and aligned according to the existing project conventions.

[sagarkumar-webkul]

Hi,
Thank you for the contribution.
Please share a screenshot or short video illustrating the issue, and open a separate GitHub issue so it can be tracked properly.

[gcoplasbecher]

Hi Sagar, nice to meet you.

Sorry for not detailing it in an issue; it's my first pull request on an open-source project. I tried to be as detailed as possible, but feel free to ask if you have any questions. I also included the videos in the issue to keep everything centralized there.

#2406

[sagarkumar-webkul]

verified issue is resolved
-https://webkul.chatwhizz.com/share/view-recording/69708421acd6a60699d9a722