fix(ui5-view-settings-dialog): adjust scrollbar behavior (#4795)

Problem description:
The ui5-dialog's content could have a redundant
horizontal scrollbar on Safari and Firefox when
there is a vertical scrollbar placed as an overlay.
Solution:
A right margin is applied to the ui5-view-settings-dialog
content and ui5-date-picker content.

Fixes: #4724
Fixes: #4725
Fixes: #4860

Author: unazko

packages/fiori/src/themes/ViewSettingsDialog.css

@@ -13,7 +13,7 @@
 }
 
 .ui5-vsd-content {
-	margin: 0 -1rem;
+	margin: 0 0.1px 0 -1rem;
 }
 
 .ui5-vsd-title {

packages/main/src/themes/Calendar.css

@@ -7,7 +7,7 @@
     box-sizing: border-box;
     height: var(--_ui5_calendar_height);
     width: var(--_ui5_calendar_width);
-    padding: var(--_ui5_calendar_top_bottom_padding) var(--_ui5_calendar_left_right_padding) 0;
+    margin: var(--_ui5_calendar_top_bottom_padding) var(--_ui5_calendar_left_right_padding) 0;
     display: flex;
     flex-direction: column-reverse;
     justify-content: flex-end;