[Checkbox] Focus on checkbox is not visible when isInvalid=true

[NatalliaAlieva]

Description

When User uses the "Tab" key to navigate the page, with the IsInvalid = true property selected, the focus on the checkbox is not visible

Steps to Reproduce

1. Open https://uui.epam.com/documents?category=components&id=checkbox&mode=doc&skin=UUI4_promo
2. Go to Property Explorer.
3. Set property "isInvalid = true".
4. Move to checkbox using "Tab" key.

Actual result

It is not clear when the user has reached the checkbox because the focus is not visible. Issue related to UUI3 and UUI4.

https://user-images.githubusercontent.com/57751283/169819205-e9d94973-b9fc-43a5-84c9-d075bf58f5b1.mp4

Expected result

Focus on the checkbox is visible regardless of the IsInvalid property.

Design:

https://www.figma.com/file/k5nk7V11rswer9drJ1gmMY/UUI-Components-(Sandbox)?node-id=2932%3A277289

Note:

Need to check all focus state for Loveship skin