Fix: smooth transition for collapsible elements

[Rishi-54]

Description

This PR addresses the issue where the collapsible elements in Bootstrap did not have a smooth transition effect for both expanding and collapsing. The code was modified to provide a smooth transition using CSS transition properties. This ensures a better user experience when interacting with collapsible elements.

Motivation & Context

The transition for collapsible elements was not smooth when expanding and collapsing. This change was required to improve the usability and visual smoothness of the collapsible sections. This update ensures the animations for the collapse transition are handled smoothly with both height and opacity.

Type of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Refactoring (non-breaking change)
• Breaking change (fix or feature that would change existing functionality)

Checklist

• I have read the contributing guidelines
• My code follows the code style of the project (using npm run lint)
• My change introduces changes to the documentation
• I have updated the documentation accordingly
• I have added tests to cover my changes
• All new and existing tests passed

Live previews

N/A (since this is a code fix for collapsible elements, no live preview required)

• https://deploy-preview-{your_pr_number}--twbs-bootstrap.netlify.app/

Related issues

• Fixes #41151