fix(web-shell): hide sidebar settings text when width is insufficient

Prevent the 'Settings' label from wrapping to a new line when the
sidebar is narrow. Instead, the text is clipped via overflow:hidden
and only the gear icon remains visible.

packages/web-shell/client/components/sidebar/WebShellSidebar.module.css

@@ -945,6 +945,13 @@
 
 .footerButton {
   flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.footerButtonLabel {
+  white-space: nowrap;
+  overflow: hidden;
 }
 
 .collapseButton {

packages/web-shell/client/components/sidebar/WebShellSidebar.tsx

@@ -2517,7 +2517,11 @@ export function WebShellSidebar({
           <span className={`${styles.navIcon} ${styles.settingsIcon}`}>
             <IconSettings />
           </span>
-          {!collapsed && <span>{t('sidebar.settings')}</span>}
+          {!collapsed && (
+            <span className={styles.footerButtonLabel}>
+              {t('sidebar.settings')}
+            </span>
+          )}
         </button>
         {!collapsed && versionLabel && (
           <span className={styles.version} title={`Qwen Code ${versionLabel}`}>