feat: redesign settings pages to match canonical flat UI patterns (#493)

* refactor(settings): new IA shell + projects section + skills catalog discoverability

* chore(settings): split providers list by scope; show user before project

* fix: navigation flow in mobile Settings

* feat: redesign settings pages to use modern elevated surface patterns

* feat: replace helper text with tooltips in settings

* ui: redesign update dialog and fix external link routing

- Restructures UpdateDialog to focus on changelog readability with a wider max-w-4xl canvas
- Highlights @username contributor mentions with theme primary color
- Strips excessive vertical padding and right-aligns compact action buttons
- Disables streamdown's internal link safety dialog in favor of direct Tauri shell routing

* feat: refactor Git identities into dedicated Git settings page

* feat: unify sidebar background styling across VS Code and web/mobile

* fix: adjust button styling and layout for mobile settings pages

* feat: add MCP settings page and sidebar

* feat: hide models in provider view (thanks to @nguyenngothuong)

* feat: add "Add new provider" option to model selector dropdown

* fix: local evroc logo + provider dropdown icons

* fix: increase width of provider menu

* fix: dark theme background color for better contrast

* feat: update @opencode-ai/sdk dependency to v1.2.10

* fix: restore session sorting to only use updated time

* fix: added settings for sessions deletion dialog

* fix: adjust padding on settings pages for better layout

* fix: standardize select dropdown height across UI

* fix: agent selector UI and notification settings

* fix: remove redundant helper text from settings pages

* fix: update UI layout for description fields

* fix: remove border-none and shadow-none from textarea classes

* fix: enable context menu on sidebar items

* feat: refactor UI controls and layout patterns across settings pages

* fix: use headerless blocks when page title already provides context

* fix: remove subtask option from command settings

* fix: refactor mcp page settings

* fix: reduce spacing in skills configuration pages

* feat: refactor voice settings

* feat: refactor settings sidebar sections

packages/ui/src/lib/theme/themes/flexoki-dark.json

@@ -9,15 +9,15 @@
   },
   "colors": {
     "primary": {
-      "base": "#EC8B49",
+      "base": "#DA702C",
       "hover": "#DA702C",
       "active": "#F9AE77",
-      "foreground": "#100F0F",
-      "muted": "#EC8B4980",
+      "foreground": "#111010",
+      "muted": "#DA702C80",
       "emphasis": "#F9AE77"
     },
     "surface": {
-      "background": "#100F0F",
+      "background": "#111010",
       "foreground": "#CECDC3",
       "muted": "#1C1B1A",
       "mutedForeground": "#878580",
@@ -29,30 +29,30 @@
     "interactive": {
       "border": "#343331",
       "borderHover": "#403E3C",
-      "borderFocus": "#EC8B49",
+      "borderFocus": "#DA702C",
       "selection": "#f4f4f41f",
       "selectionForeground": "#CECDC3",
-      "focus": "#EC8B49",
-      "focusRing": "#EC8B4950",
+      "focus": "#DA702C",
+      "focusRing": "#DA702C50",
       "cursor": "#CECDC3",
       "hover": "#ffffff18",
       "active": "#ffffff1f"
     },
     "status": {
       "error": "#D14D41",
-      "errorForeground": "#100F0F",
+      "errorForeground": "#111010",
       "errorBackground": "#AF302920",
       "errorBorder": "#AF302950",
       "warning": "#DA702C",
-      "warningForeground": "#100F0F",
+      "warningForeground": "#111010",
       "warningBackground": "#BC521520",
       "warningBorder": "#BC521550",
       "success": "#A0AF54",
-      "successForeground": "#100F0F",
+      "successForeground": "#111010",
       "successBackground": "#66800B20",
       "successBorder": "#66800B50",
       "info": "#4385BE",
-      "infoForeground": "#100F0F",
+      "infoForeground": "#111010",
       "infoBackground": "#205EA620",
       "infoBorder": "#205EA650"
     },
@@ -138,9 +138,9 @@
     },
     "chat": {
       "userMessage": "#CECDC3",
-      "userMessageBackground": "#2d1d15",
+      "userMessageBackground": "#2E1B10",
       "assistantMessage": "#CECDC3",
-      "assistantMessageBackground": "#100F0F",
+      "assistantMessageBackground": "#111010",
       "timestamp": "#878580",
       "divider": "#343331"
     },

packages/ui/src/lib/theme/themes/flexoki-light.json

@@ -9,11 +9,11 @@
   },
   "colors": {
     "primary": {
-      "base": "#EC8B49",
+      "base": "#BC5215",
       "hover": "#F9AE77",
       "active": "#DA702C",
       "foreground": "#FFFCF0",
-      "muted": "#EC8B4980",
+      "muted": "#BC521580",
       "emphasis": "#F9AE77"
     },
     "surface": {
@@ -24,16 +24,16 @@
       "elevated": "#fdf6ec",
       "elevatedForeground": "#100F0F",
       "overlay": "#100F0F20",
-      "subtle": "#f9f1e4"
+      "subtle": "#F6F0E6"
     },
     "interactive": {
       "border": "#DAD8CE",
       "borderHover": "#CECDC3",
-      "borderFocus": "#EC8B49",
+      "borderFocus": "#BC5215",
       "selection": "#76736f30",
       "selectionForeground": "#100F0F",
-      "focus": "#EC8B49",
-      "focusRing": "#EC8B4940",
+      "focus": "#BC5215",
+      "focusRing": "#BC521540",
       "cursor": "#100F0F",
       "hover": "#76736f20",
       "active": "#76736f20"
@@ -138,7 +138,7 @@
     },
     "chat": {
       "userMessage": "#100F0F",
-      "userMessageBackground": "#f9f1e4",
+      "userMessageBackground": "#F6F0E6",
       "assistantMessage": "#100F0F",
       "assistantMessageBackground": "#FFFCF0",
       "timestamp": "#6F6E69",