fix(ui): collapse PTT badge to single folds Chip (N53); responsive bg pickers (N81)

N53: removed the duplicate lotusTerminal PTT-badge branch (raw <Box> with
--lt-* vars + bespoke rem/animation styling). The standard folds <Chip>
path now renders in all modes; TDS theming still flows through the CSS var
layer. Dropped the now-unused lotusTerminal read.

N81: ChatBgGrid / SeasonalBgGrid containers switched from flex-wrap with
fixed-width cells to a responsive CSS grid (repeat(auto-fill, minmax(76px,
1fr))), so swatches fill the row evenly instead of orphaning a lopsided
last row at arbitrary widths.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/app/features/settings/general/General.tsx

@@ -1667,7 +1667,13 @@ function SeasonalBgGrid({
   onChange: (v: Settings['seasonalThemeOverride']) => void;
 }) {
   return (
-    <Box wrap="Wrap" gap="200">
+    <Box
+      style={{
+        display: 'grid',
+        gridTemplateColumns: `repeat(auto-fill, minmax(${toRem(76)}, 1fr))`,
+        gap: config.space.S200,
+      }}
+    >
       {SEASONAL_OPTIONS.map((opt) => {
         const selected = value === opt.value;
         const isSpecial = opt.value === 'auto' || opt.value === 'off';
@@ -1727,7 +1733,13 @@ function ChatBgGrid() {
   const isDark = theme.kind === ThemeKind.Dark;
 
   return (
-    <Box wrap="Wrap" gap="200">
+    <Box
+      style={{
+        display: 'grid',
+        gridTemplateColumns: `repeat(auto-fill, minmax(${toRem(76)}, 1fr))`,
+        gap: config.space.S200,
+      }}
+    >
       {BG_OPTIONS.map((opt) => (
         <Box key={opt.value} direction="Column" gap="100" style={{ alignItems: 'center' }}>
           <button