Feature: progress bar

[PieturP]

Disable the 'Scan' button until all products are fetched. Show progress bar while loading.

[xaviranik]

Hello @PieturP, While testing your PR, We have noticed few points that need to be addressed:

• You have implemented a progress bar on top of the product searching section, which in my opinion is not necessary as we already have a loading state and animation on the products section. From a UX perspective, having multiple loading progress for a single screen arises confusion for the users.
• Current PR has an issue with product searching. If you search for a product in the search bar, no products are shown in the search dropdown.

Feedback:

• You can use the current loading state and animation. Maybe use some CSS styling for toggling the disabled state for the 'Scan' button.
• Look into the product searching issue.

I will be glad to help if you have any questions further.