Improve the UI for 'Add Product' when adding a subscription or membership manually.

Story

DoD

Product Notes
What would you like to be able to do? (One idea per form):
Improve the UI for 'Add Product' when adding a subscription or membership manually.

How would that help you?:
Currently the UI displays a small dropdown box with a list that also needs to be scrolled.
It is difficult to decipher the correct subscription from our list, which will also grow in time. Errors can be easily made in choosing the wrong product.

How important is this to you?:
Important

Email address:
chrisg@neoskosmos.com.au

———————————————
This task was submitted through Suggest an idea
https://form.asana.com/?k=qsv6hMm2wL8SXD_R-h-N9Q&d=742417627358732

Development Notes
Components which the feature touches
Details on backend/frontend/API/webhooks/SDK implementation
Error handling
Logging events
Technical doc links which have been updated
Breaking changes
Usability risks/limitations
Impact analysis:
(Sample)Added a new JSON key to the object stored in DB, therefor, either a guard in code needs to be added or old lists using Expiry object needs to be adjusted and adding the new JSON key to them.
QA steps needed to validate:
Check functionality of lists created prior this deployment

QA Notes
Planned Test cases:
Initial Test run:
Additional Test run(s):

Open Questions
Question