KAD-3056 tablet and mobile border radius styles fixed

[gilbert-hernandez]

🎫 #[Jira Ticket]
https://stellarwp.atlassian.net/browse/KAD-3056
...

Issue Info

• Were you able to reproduce the issue?
• Is the issue from the ticket solved? (If not, why?)

Checklist

• I have performed a self-review.
• No unrelated files are modified.
• No debugging statements exist (Ex: console.log, error_log).
• There are no warnings or notices in the wordpress error log.
• Passes all tests (linting, acceptance, & unit)

Block specific checklist (where relevant)

• Tested with an existing instance of this block .
• Tested creating a new instance of this block.
• Tested with Dynamic content & Elements.

Are there dependent changes in another repository?

• No.
• Yes. Please provide the link to the PR.

[mark-c-woodard]

Frontend looks good.
For the backend you should use a "preview" variable to store the border radius that should be used for the current preview device. It's a pretty common pattern we use for responsive settings in the editor.
You'll actually see an example just below with previewHeight. So make a previewImageRadius variable to use in place of imageRadius instead of additional sections of device conditional output.

[gilbert-hernandez]

@mark-c-woodard
I updated the backend, as you said. I created a previewImageRadius variable and used it instead of the tablet and mobile variables in the style.

[gilbert-hernandez]

I also updated the frontend to use the imageRadiusUnit as well.