DOT:7336: COD theme > Redesign the slider (#201)

## JIRA Ticket

[DOT-7336](https://nextmediama.atlassian.net/browse/DOT-7336)

## QA Steps

-  [ ] `pnpm i`
-  [ ] `pnpm dev`

## Note

Leave empty when you have nothing to say


[DOT-7336]:
https://youcanshop.atlassian.net/browse/DOT-7336?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

assets/desktop-slider.css

@@ -54,3 +54,8 @@
 .yc-slider__desktop .content .container > div {
   max-width: 600px;
 }
+
+.splide__pagination {
+  display: flex !important;
+  margin-bottom: 20px;
+}

sections/desktop-slider.liquid

@@ -2,12 +2,17 @@
 
 {% style %}
   #yc_slider_{{ id }} .splide__arrow {
-    background: {{ section.settings.slider_mobile_arrows_background_color.hex }} !important;
+    background: {{ section.settings.slider_desktop_arrows_background_color.hex }} !important;
+    width: 54px;
+    height: 54px;
+    border-radius: 0 8px 8px 0;
+    margin: 0 100px;
   }
 
   #yc_slider_{{ id }} .splide__arrow svg {
     height: {{ section.settings.slider_arrows_content_size }}px;
     width: {{ section.settings.slider_arrows_content_size }}px;
+    background-color: {{ section.settings.slider_mobile_arrows_background_color.hex }};
   }
 
   .yc-slider__desktop .content {
@@ -116,16 +121,6 @@
       "label": "Timeout between slides",
       "default": 5
     },
-    {
-      "type": "range",
-      "id": "slider_arrows_size",
-      "min": 20,
-      "max": 55,
-      "step": 1,
-      "unit": "px",
-      "label": "Arrows Size",
-      "default": 37
-    },
     {
       "type": "range",
       "id": "slider_arrows_content_size",

snippets/slider.liquid

@@ -11,7 +11,7 @@
         >
           <img
             loading='lazy'
-            src='{{ block.settings.image.src }}'
+            src='{%- if block.settings.image.src -%} {{ block.settings.image.src }} {%- else -%} {{ 'hero.png' | asset_url }} {%- endif -%}'
           >
           {%- if block.settings.caption %}
             <div class='content flex items-center h-full w-full'>