Wording and visibility of badges

[Amritpal-Nijjar]

To help prevent confusion of temporary product sets, we can enhance the wording and visibility that indicates that it is a temporary product set

• UPD: the badges are now stacked on one another. We need to make them in one line like they were before (example on the second screenshot below and at https://test-pltsvc.apps.silver.devops.gov.bc.ca/private-cloud/products/fd46db/edit)

• Make the badges bigger on the product and request pages, as they are currently small enough to easily miss
• Reword the product deletion note to: "This temporary product is set to be deleted in X days"
  See the screenshot of the badges that can be made a little bigger

[junminahn]

related issue: mantinedev/mantine#6698

[funtigr]

The 'stacked' issue is now resolved after Mantine update, marking first checkbox as completed:

[junminahn]

fixed on 7.12.2