Fix: Update popup style and labels spacing

[emrecevik06]

Update fundamental style of popups and add more space between labels and icons

• Updated background color
• Updated border color and radius
• More spacing at labels and icons

Before:

After:

[changeset-bot]

🦋 Changeset detected

Latest commit: ceeb091

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 4 packages

Name	Type
@sap-ux/control-property-editor	Patch
@sap-ux/ui-components	Patch
@sap-ux/ui-prompting	Patch
@sap-ux-private/ui-prompting-examples	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[815are]

@gpeuc @emrecevik06

just to be sure do we need border also for following callouts?
generic

generic callout used for translation input as example

current change only applies border color without border width and not sure if is it intended?

[gpeuc]

@815are Yep. All things that pop out should have border.

border: 1px solid var(--vscode-editorWidget-border);
border-radius: 2px;

(radius 4 is for big popups, large dialogs where we enter stuff, etc.)

[815are]

checked:

1. change in ui-components is clear and fits expectation - all generic callout has border
2. tested ui-component update with storybook

[vadson71]

Changes look good and straightforward.
Didn't test locally

[sonarcloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud