Search service shows not all options due to amount of search services configured #11139

[rowheat02]

Description

New UI if multiple search services are available.

• When hovering the mouse over "Search by location Name", new Sub menu container opens to pick the service

• If the number of services takes more space than the limited height, then it is in scroll view.

• The idea was dropped to search the services as it may give wrong meaning while selecting use all services option.
  

• All other options in the search bar will always be visible.

  

Please check if the PR fulfills these requirements

• The commit message follows our guidelines: https://github.com/geosolutions-it/MapStore2/blob/master/CONTRIBUTING.md
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

What kind of change does this PR introduce? (check one with "x", remove the others)

• Enhancement

Issue

fixes #11139

What is the current behavior?

#11139

What is the new behavior?

Even if there are huge number of search services, no UI components will be hidden.

Breaking change

Does this PR introduce a breaking change? (check one with "x", remove the other)

• Yes, and I documented them in migration notes
• No

Other useful information

[dsuren1]

@rowheat02
The functionality looks fine. Just a few minor amendments. Kindly have a look.

• Move the tooltip placement on all services to the left, to be consistent with the other services in the list
  
• Please apply a pointer cursor when hovering over these search service menu items. Alternatively, consider using MenuItem instead of div to automatically apply the pointer cursor. Also, kindly ensure that the entire row displays the pointer on hover
  

[rowheat02]

@dsuren1 re-requested the review.

Please apply a pointer cursor when hovering over these search service menu items. Alternatively, consider using MenuItem instead of a div to automatically apply the pointer cursor. Also, kindly ensure that the entire row displays the pointer on hove

I avoided using the Menu item in the custom sub-menu container as the CSS was messed up when using MenuItem in a parent other than a dropdown. So, Div has been used, and the pointer cursor has been fixed in CSS.

[rowheat02]

@dsuren1, tests have been fixed.

[dsuren1]

@ElenaGallo Kindly test this in DEV when available. Thanks!

[ElenaGallo]

Test passed, @rowheat02 please backport to 2025.01.xx. Thanks