Resolve IDE Compatibility Issue

src/app/features/settings/container.scss

@@ -5,7 +5,7 @@
   &:has(> switch) {
     height: 32px;
 
-    &:nth-child(1 of settings-container) {
+    &:nth-child(1 of .settings-container) {
       margin-top: 4px;
     }
   }

src/app/features/settings/settings.ts

@@ -27,6 +27,10 @@ export class SettingsCategory {
   templateUrl: './container.html',
   styleUrl: './container.scss',
   imports: [Switch, Dropdown],
+  host: {
+    // For IDE Compatibility
+    '[class.settings-container]': 'true',
+  },
 })
 export class SettingsContainer {
   settingsType = input.required<SettingsType>();