fix(vscode): fit settings sidebar to localized section labels (#12032)

The settings sidebar used a fixed 150px width that clipped long
localized labels (e.g. German 'Automatisch genehmigen',
'Autovervollständigung'). The Kilo override intended to set 180px
but was dead: it lacked the [data-orientation=vertical] qualifier the
upstream rule has, so the upstream 150px won on specificity.

Match the upstream selector specificity and switch to content-driven
sizing (width: auto, min-width: 180px) so the list grows to fit the
longest translated label instead of truncating it.

.changeset/fix-settings-sidebar-i18n-width.md

@@ -0,0 +1,5 @@
+---
+"kilo-code": patch
+---
+
+Fix settings sidebar truncating localized section labels in non-English languages.

packages/kilo-ui/src/components/tabs.css

@@ -45,11 +45,11 @@
     cursor: pointer;
   }
 
-  &[data-variant="settings"] {
+  &[data-orientation="vertical"][data-variant="settings"] {
     container-type: inline-size;
 
     [data-slot="tabs-list"] {
-      width: 180px;
+      width: auto;
       min-width: 180px;
     }