The drop-down is not working when clicking anywhere apart from the arrow

Issue

• The category filter fragment only expands or collapses the category list when clicking the dropdown arrow. Clicking the category name itself does not trigger this action.
• Steps to reproduce: 
  1. Navigate to any page and open it in edit mode
  2. Drag and drop the 'Category filter' on this page
  3. Publish it
  4. Now, when users click on the dropdown arrow, it expands and opens the list. 
  Observed behavior: When a user attempts to click anywhere on the "category filter" area to trigger the expand functionality, apart from the arrow, it does not work as expected. 
  Expected Behavior: The user is using the category filter on the content page, so clicking the dropdown arrow expands and opens the list. Now, they want to click anywhere on the "category filter" area to trigger the expand functionality.

Environment

• Liferay DXP 2023.Q4.0
• Liferay DXP 7.4

Resolution

• The observed behavior is expected behavior with the current product implementation.
• However, to improve the user experience by enabling the expansion and collapse of the category list when clicking anywhere within the category name area, Liferay has implemented modifications at the Clay component level. 
• Here is the LPD for the same: LPD-56304 

Additional Information

• Please submit a support ticket to receive the hotfix by providing the patching information. 
• Always test the hotfix in a lower or test environment first, and then move to the production environment. 
• Installing a Hotfix
• Reverting a Hotfix
• Patching in Docker