Major rebranding, i18n, dashboard, shared folders, role capabilities

- Rebrand: new app/agent icons, SKALD.md, warm "paper" CSS palette
  (terracotta accent, --radius tokens, WCAG contrast, reduced-motion),
  updated favicon, tray icon, skaldkonur asset
- i18n: backend crate (i18n.rs, locale column, ui_locale config),
  frontend library (web/lib/i18n.js, I18nMixin, t(key)),
  translation files (web/i18n/), every component wired
- Dashboard: <dashboard-page> replaces old home-page content;
  <app-copilot> becomes the landing page (full/dock layout modes)
- Shared folders: API endpoints (shared_folders.rs), frontend page,
  can_write membership, container mount topology, user_fs routing
- Role capabilities: new db table & authorization seam (data not enums),
  roles.attrs JSON for ui_mode / interface select
- Setup: skald-setup prompts for language + password, sets ui_locale
- General: components migrated to CSS variables, Lit conventions cleanup,
  connectors/catalog/marketplace/approval refactoring

web/css/copilot-input.css

@@ -17,8 +17,8 @@
 }
 
 .copilot-composer:focus-within {
-  border-color: #6366f1;
-  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12);
+  border-color: var(--accent);
+  box-shadow: 0 0 0 3px rgba(var(--accent-rgb), 0.12);
 }
 
 .copilot-textarea {
@@ -26,9 +26,9 @@
   border: none;
   outline: none;
   background: transparent;
-  font-size: 0.85rem;
-  line-height: 1.55;
-  padding: 0.6rem 0.75rem 0.4rem;
+  font-size: 0.95rem;
+  line-height: 1.6;
+  padding: 0.65rem 0.85rem 0.45rem;
   min-height: 2.6rem;
   max-height: 14rem;
   overflow-y: auto;
@@ -59,11 +59,11 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 1.8rem;
-  height: 1.8rem;
+  width: 2rem;
+  height: 2rem;
   padding: 0;
   border: none;
-  border-radius: 0.4rem;
+  border-radius: 0.5rem;
   background: transparent;
   color: var(--placeholder-color);
   font-size: 0.85rem;
@@ -99,14 +99,14 @@
 
 .copilot-model-pill:hover,
 .copilot-model-pill.open {
-  background: rgba(99, 102, 241, 0.08);
-  border-color: rgba(99, 102, 241, 0.3);
-  color: #6366f1;
+  background: rgba(var(--accent-rgb), 0.08);
+  border-color: rgba(var(--accent-rgb), 0.3);
+  color: var(--accent);
 }
 
 .copilot-model-pill i:first-child {
   font-size: 0.75rem;
-  color: #6366f1;
+  color: var(--accent);
 }
 
 .copilot-model-overlay {
@@ -141,8 +141,8 @@
   transition: background 0.1s;
 }
 
-.copilot-model-item:hover  { background: rgba(99, 102, 241, 0.07); }
-.copilot-model-item.active { color: #6366f1; font-weight: 600; }
+.copilot-model-item:hover  { background: rgba(var(--accent-rgb), 0.07); }
+.copilot-model-item.active { color: var(--accent); font-weight: 600; }
 
 /* ── Slash-command autocomplete ─────────────────────────────────────────────── */
 
@@ -177,9 +177,9 @@
 }
 
 .copilot-cmd-item:hover,
-.copilot-cmd-item.active { background: rgba(99, 102, 241, 0.1); }
+.copilot-cmd-item.active { background: rgba(var(--accent-rgb), 0.1); }
 
-.copilot-cmd-name { font-weight: 600; color: #6366f1; white-space: nowrap; }
+.copilot-cmd-name { font-weight: 600; color: var(--accent); white-space: nowrap; }
 
 .copilot-cmd-desc {
   color: var(--text-muted, #888);
@@ -199,7 +199,7 @@
   padding: 0;
   border: none;
   border-radius: 0.45rem;
-  background: #6366f1;
+  background: var(--accent);
   color: #fff;
   font-size: 0.8rem;
   cursor: pointer;
@@ -207,7 +207,7 @@
   flex-shrink: 0;
 }
 
-.copilot-send-btn:hover            { background: #4f46e5; }
+.copilot-send-btn:hover            { background: var(--accent-hover); }
 .copilot-send-btn--stop            { background: #dc2626; }
 .copilot-send-btn--stop:hover      { background: #b91c1c; }
 .copilot-send-btn--recording       { background: #dc2626; animation: copilot-pulse 1s ease-in-out infinite; }