feat: update Slider and Dropdown components with improved layout and z-index adjustments

src/components/Form/Settings/Dropdown/Dropdown.scss

@@ -97,7 +97,7 @@
     right: 0;
     max-height: 250px;
     overflow-y: auto;
-    z-index: 100;
+    z-index: 9999;
     @include animation(dropdownSlideIn 0.2s ease-out);
 
     @include themed {

src/components/Form/Settings/Slider/Slider.jsx

@@ -81,14 +81,13 @@ const SliderComponent = memo((props) => {
 
   return (
     <div className="slider-container">
-      <span className="sliderTitle">
-        {props.title}
-        <span>{Number(value)}</span>
-        <span className="link" onClick={resetItem}>
+      <div className="slider-header">
+        <span className="slider-value">{Number(value)}</span>
+        <span className="slider-reset" onClick={resetItem}>
           <MdRefresh />
           {variables.getMessage('modals.main.settings.buttons.reset')}
         </span>
-      </span>
+      </div>
       <div className="slider-wrapper">
         <input
           type="range"

src/components/Form/Settings/Slider/Slider.scss

@@ -4,39 +4,42 @@
   width: 300px;
   margin-bottom: 30px;
 
-  .sliderTitle {
+  .slider-header {
     display: flex;
     align-items: center;
-    gap: 10px;
-    margin-bottom: 15px;
+    justify-content: space-between;
+    margin-bottom: 12px;
+  }
+
+  .slider-value {
+    font-size: 16px;
+    font-weight: 600;
 
     @include themed {
       color: t($color);
     }
+  }
 
-    > span:first-of-type {
-      font-weight: 600;
+  .slider-reset {
+    display: flex;
+    align-items: center;
+    gap: 5px;
+    cursor: pointer;
+    font-size: 12px;
+    font-weight: 500;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+
+    @include themed {
+      color: t($link);
     }
 
-    .link {
-      display: flex;
-      align-items: center;
-      gap: 5px;
-      margin-left: auto;
-      cursor: pointer;
-      font-size: 14px;
+    &:hover {
+      opacity: 0.8;
+    }
 
-      @include themed {
-        color: t($link);
-      }
-
-      &:hover {
-        opacity: 0.8;
-      }
-
-      svg {
-        font-size: 16px;
-      }
+    svg {
+      font-size: 12px;
     }
   }