MC-15742: Hard Coded 35px Margin Bottom On Slider on Storefront

- remove hard coded margin on slider
- ensure content types below do not crash into slide dots

Author: anthoula

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/slider/_default.less

@@ -75,7 +75,7 @@
     }
 
     .slider-controls {
-        padding: 14px 0;
+        padding: 10px 0;
         text-align: center;
 
         .slider-navigation {
@@ -334,11 +334,10 @@
         display: block;
     }
     .slick-dots {
-        bottom: -30px;
         display: block;
         list-style: none;
         margin: 0;
-        padding: 0;
+        padding: 15px 0;
         text-align: center;
         width: 100%;
         li {

app/code/Magento/PageBuilder/view/frontend/web/css/source/content-type/slider/_default.less

@@ -12,7 +12,6 @@ div[data-content-type='slider'] {
 
     &.slick-initialized {
         display: block;
-        margin-bottom: 35px !important; // required due to inline styles added by Slick
     }
 
     .slick-list,

app/code/Magento/PageBuilder/view/frontend/web/css/source/slick/_slick.less

@@ -185,12 +185,10 @@
 }
 
 .slick-dots {
-    bottom: -30px;
     display: block;
     list-style: none;
     margin: 0;
-    padding: 0;
-    position: absolute;
+    padding: 15px 0;
     text-align: center;
     width: 100%;
     li {