More styling changes

Added settings scss file and a settings slider scss

app/styles/components/SettingsSlider.scss

@@ -0,0 +1,50 @@
+.settings-slider {
+  @apply relative flex items-center bg-bolt-elements-prompt-background rounded-lg;
+
+  &__thumb {
+    @apply absolute h-full transition-all duration-300 rounded-lg;
+    background-color: #b44aff;
+    
+    &--left {
+      @apply left-0 w-1/2;
+    }
+    
+    &--right {
+      @apply right-0 w-1/2;
+    }
+  }
+
+  &__button {
+    @apply relative z-10 flex-1 p-2 rounded-lg text-sm transition-colors duration-200;
+
+    &--selected {
+      @apply text-white;
+    }
+
+    &--unselected {
+      @apply text-bolt-elements-textSecondary hover:text-bolt-elements-textPrimary;
+    }
+  }
+}
+
+.settings-toggle {
+  &__track {
+    @apply w-11 h-6 rounded-full shadow-inner transition-colors duration-200;
+
+    &--enabled {
+      background-color: #b44aff;
+    }
+
+    &--disabled {
+      @apply bg-gray-300;
+    }
+  }
+
+  &__thumb {
+    @apply absolute left-0 w-6 h-6 rounded-full shadow transition-transform duration-200 ease-in-out bg-white;
+
+    &--enabled {
+      @apply transform translate-x-full;
+    }
+  }
+}