update VisibilityCard component

[AlicjaSzu]

I want to merge this change because...

PR intended to be tested with API branch: add-searchable-and-available-for-purchase-flags-to-product

Screenshots

Pull Request Checklist

1. All visible strings are translated with proper context.
2. All data-formatting is locale-aware (dates, numbers, and so on).
3. Translated strings are extracted.
4. Number of API calls is optimized.
5. The changes are tested.
6. Data-test are added for new elements.
7. Type definitions are up to date.
8. Changes are mentioned in the changelog.

Test environment config

API_URI=https://add-searchable-and-available-for-purchase-flags-to-product.api.saleor.rocks/graphql/

[patrys]

Task linked: CU-7epck0 Dashboard changes for "visible in listings" feature

[lgtm-com]

This pull request fixes 1 alert when merging a0f2287 into 265c8bc - view on LGTM.com

fixed alerts:

• 1 for Useless conditional

[lgtm-com]

This pull request fixes 1 alert when merging 4ee9b90 into 265c8bc - view on LGTM.com

fixed alerts:

• 1 for Useless conditional

[lgtm-com]

This pull request fixes 1 alert when merging 865e14b into 265c8bc - view on LGTM.com

fixed alerts:

• 1 for Useless conditional

[lgtm-com]

This pull request fixes 1 alert when merging af5f25a into 265c8bc - view on LGTM.com

fixed alerts:

• 1 for Useless conditional

[lgtm-com]

This pull request fixes 1 alert when merging d35b0fa into 265c8bc - view on LGTM.com

fixed alerts:

• 1 for Useless conditional

[lgtm-com]

This pull request fixes 1 alert when merging 05cf11c into b1791b6 - view on LGTM.com

fixed alerts:

• 1 for Useless conditional

[dominik-zeglen]

Styling is a little bit off.

[maarcingebala]

As @dominik-zeglen mentioned there are small styling differences between the screenshot and designs:

• "Set availability date" and "Set publication date" shouldn't have any underline
• "Will become available on" and "Since " text have different styles - grey color and smaller line spacing
• "Disabling this checkbox will remove product ..." - this text is also using a different styling - grey text and smaller line spacing

[lgtm-com]

This pull request fixes 1 alert when merging 66de625 into f5d3d01 - view on LGTM.com

fixed alerts:

• 1 for Useless conditional

[lgtm-com]

This pull request fixes 1 alert when merging a047ce7 into f5d3d01 - view on LGTM.com

fixed alerts:

• 1 for Useless conditional

[lgtm-com]

This pull request fixes 1 alert when merging 958d66c into dda68cf - view on LGTM.com

fixed alerts:

• 1 for Useless conditional

[lgtm-com]

This pull request fixes 1 alert when merging dcd6ee5 into dda68cf - view on LGTM.com

fixed alerts:

• 1 for Useless conditional