refactor(SettingWindow):Updated Settings Tab Styling

app/styles/components/Settings.scss

@@ -1,60 +0,0 @@
-.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: var(--bolt-elements-button-primary-background);
-      color: var(--bolt-elements-textPrimary);
-    }
-
-    &:not(.active) {
-      background: var(--bolt-elements-bg-depth-3);
-      color: var(--bolt-elements-textPrimary);
-
-      &:hover {
-        background: var(--bolt-elements-button-primary-backgroundHover);
-      }
-    }
-  }
-}
-
-.settings-button {
-  background-color: var(--bolt-elements-button-primary-background);
-  color: var(--bolt-elements-textPrimary);
-  border-radius: 0.5rem;
-  padding: 0.5rem 1rem;
-  transition: background-color 0.2s;
-
-  &:hover {
-    background-color: var(--bolt-elements-button-primary-backgroundHover);
-  }
-}
-
-.settings-danger-area {
-  background-color: transparent;
-  color: var(--bolt-elements-textPrimary);
-  border-radius: 0.5rem;
-  padding: 1rem;
-  margin-bottom: 1rem;
-
-  button {
-    background-color: var(--bolt-elements-button-danger-background);
-    color: var(--bolt-elements-button-danger-text);
-    border-radius: 0.5rem;
-    padding: 0.5rem 1rem;
-    transition: background-color 0.2s;
-
-    &:hover {
-      background-color: var(--bolt-elements-button-danger-backgroundHover);
-    }
-  }
-} 

app/styles/components/SettingsSlider.scss

@@ -1,51 +0,0 @@
-.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: var(--bolt-elements-button-primary-background);
-    
-    &--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-bolt-elements-textPrimary;
-    }
-
-    &--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: var(--bolt-elements-item-contentAccent);
-    }
-
-    &--disabled {
-      background-color: var(--bolt-elements-bg-depth-3);
-    }
-  }
-
-  &__thumb {
-    @apply absolute left-0 w-6 h-6 rounded-full shadow transition-transform duration-200 ease-in-out;
-    background-color: var(--bolt-elements-textPrimary);
-
-    &--enabled {
-      @apply transform translate-x-full;
-    }
-  }
-}