More styling changes

Added settings scss file and a settings slider scss

app/styles/components/Settings.scss

@@ -0,0 +1,60 @@
+.settings-tabs {
+  button {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.75rem 1rem;
+    border-radius: 0.5rem;
+    text-align: left;
+    font-size: 0.875rem;
+    transition: all 0.2s;
+    margin-bottom: 0.5rem;
+
+    &.active {
+      background: #b44aff;
+      color: white;
+    }
+
+    &:not(.active) {
+      background: #4b5563;
+      color: #e5e7eb;
+
+      &:hover {
+        background: linear-gradient(to right, #6b5bff, #3b82f6);
+      }
+    }
+  }
+}
+
+.settings-button {
+  background-color: #b44aff;
+  color: white;
+  border-radius: 0.5rem;
+  padding: 0.5rem 1rem;
+  transition: background-color 0.2s;
+
+  &:hover {
+    background-color: #2563eb;
+  }
+}
+
+.settings-danger-area {
+  background-color: transparent;
+  color: white;
+  border-radius: 0.5rem;
+  padding: 1rem;
+  margin-bottom: 1rem;
+
+  button {
+    background-color: #dc2626;
+    color: white;
+    border-radius: 0.5rem;
+    padding: 0.5rem 1rem;
+    transition: background-color 0.2s;
+
+    &:hover {
+      background-color: #b91c1c;
+    }
+  }
+} 

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;
+    }
+  }
+}