[Low] Add Select options modal on subscription detail page

[wouter1975]

On the Service configuration tab add the option to select all product blocks of a certain type. If possible, reuse the component of New subscription.

• The modal lists all applicable product blocks found in the current subscription.
• Name of the Product Block is used, prepended with Select all
• Nice to have: The search bar (filter function) in the modal limits the listed applicable product blocks, matching the Product block name
• Support multi select - multiple PB types can be selected
• Selecting a Product block will result in an update of the visible product blocks

Actions:

• Clicking on Select option
• support navigation with cursor through list while highlighting product block, similar to New subscription component
  • no shift+Enter is needed to support multi select --> to discuss, is this a easy add-on?
• Pressing enter on active (highlighted) Product Block closes the modal, the applicable product cards will be displayed and the PB tree is expanded with the selected product blocks highlighted.
• Clicking with mouse on product block, will immediately show the product block on the page. The modal is not yet closed to allow selecting another product block. The Product block remains visible in the list (but highlighted) to allow de-selecting the product block.
• modal closes when pressing enter, escape, clicking outside modal.
• if modal is closed the selected state of the modal is lost --> KISS

Note the name in the modal of the product block, comes from the subheader title of the product block component (PB name)

Result

• add or remove product blocks from the existing visible product blocks, thus when selecting Select all nodes show all nodes + the already visible SAP, like in example below
• Respect the product block tree hierarchy when displaying the product block cards.