fix: address review comments - remove duplicate CSS and fix RTL hack

- Removed duplicate .dropdown-container class definition in index.css (line 577)
- Replaced RTL direction hack with proper text-align approach in ModesView.tsx for better accessibility

webview-ui/src/components/modes/ModesView.tsx

@@ -670,8 +670,8 @@ const ModesView = ({ onDone }: ModesViewProps) => {
 																{modeConfig.name}
 															</span>
 															<span
-																className="text-foreground text-xs opacity-70 truncate flex-shrink-0 max-w-[40%] text-right"
-																style={{ direction: "rtl" }}
+																className="text-foreground text-xs opacity-70 truncate flex-shrink-0 max-w-[40%]"
+																style={{ textAlign: "right" }}
 																title={modeConfig.slug}>
 																{modeConfig.slug}
 															</span>

webview-ui/src/index.css

@@ -570,12 +570,6 @@ input[cmdk-input]:focus {
 	max-width: 100%;
 }
 
-.dropdown-container {
-	min-width: 0;
-	flex: 1;
-	overflow: hidden;
-}
-
 /* Settings view specific responsive adjustments */
 @container (max-width: 400px) {
 	/* Reduce button sizes in very narrow containers */