feat: integra @mriqbox/ui-kit + accent suite-wide via convar mri:color

Fase 1 da integracao com a suite MRI. Sem mudanca visual, prepara o
terreno: ui-kit instalado, tokens shadcn alinhados, accent global
reagindo a convar mri:color em runtime.

Frontend (web/):
- package.json: dep @mriqbox/ui-kit ^4.10.1
- src/index.css: import do CSS do kit + tokens shadcn completos
  (--primary/--ring/--card/etc). Default --primary = 160 100% 45%
  (#00E699, accent canonico da suite). Legados --ps-hud-* mantidos
  ate migracao dos componentes do menu antigo.
- tailwind.config: darkMode class, tokens consumindo CSS vars,
  content path incluindo node_modules/@mriqbox/ui-kit/dist (JIT
  pega classes usadas dentro do kit)
- stores/themeStore.ts (novo): zustand store com accentColor + setter
  validador (so aceita hex #RRGGBB ou #RRGGBBAA)
- hooks/useAccentColor.ts (novo): converte hex -> HSL e aplica em
  --primary + --ring. Padrao identico ao Qspawn/Qadmin/Qappearance.
- App.tsx: wire useThemeStore + useAccentColor no root
- utils/eventHandler.ts: 'updateUISettings' agora chama
  themeStore.setAccentColor se data.accentColor estiver presente
  (funciona tanto pra payload completo quanto so com accent)

Lua (client/main.lua):
- getMriAccent() le convar mri:color (default #00E699), valida hex
- sendUIUpdateMessage inclui accentColor em todo payload
- AddConvarChangeListener('mri:color') broadcasta updateUISettings
  parcial com novo accent, sem precisar restart do resource
- Event handler 'mri:color:changed' tambem suportado (compat com
  emissor externo)

Build artifacts (html/index.css cresce de ~14kb pra ~85kb por causa
dos tokens + tailwind base + CSS do kit — esperado).

Proximos passos (separados): migrar componentes do menu antigo pra
MriButton/MriCard/MriSwitch do kit (Fase 2, opcional).

Author: mur4i

client/main.lua

@@ -116,12 +116,22 @@ local function SendAdminStatus()
     })
 end
 
+-- Hex valido (#RRGGBB ou #RRGGBBAA). Convar `mri:color` e a fonte de verdade
+-- do accent da suite MRI; cai no default verde-cian (#00E699) se ausente.
+local HEX_PATTERN = '^#%x%x%x%x%x%x%x?%x?$'
+local function getMriAccent()
+    local c = GetConvar('mri:color', '#00E699')
+    if type(c) == 'string' and c:match(HEX_PATTERN) then return c end
+    return '#00E699'
+end
+
 local function sendUIUpdateMessage(data)
     SendNUIMessage({
         action = 'updateUISettings',
         icons = data.icons,
         layout = data.layout,
         colors = data.colors,
+        accentColor = getMriAccent(),
     })
 end
 
@@ -132,6 +142,17 @@ local function sendUILang()
     })
 end
 
+-- Convar `mri:color` mudou em runtime — propaga pra NUI sem precisar restart.
+-- O eventHandler.ts da NUI escuta 'updateUISettings' e atualiza o themeStore;
+-- useAccentColor reage e aplica nas CSS vars --primary/--ring.
+AddEventHandler('mri:color:changed', function()
+    SendNUIMessage({ action = 'updateUISettings', accentColor = getMriAccent() })
+end)
+AddConvarChangeListener('mri:color', function(name)
+    if name ~= 'mri:color' then return end
+    SendNUIMessage({ action = 'updateUISettings', accentColor = getMriAccent() })
+end)
+
 local function sendHudConfig()
     SendNUIMessage({
         action      = 'hudconfig',

html/index.css

@@ -10,6 +10,7 @@
     "check": "tsc --noEmit"
   },
   "dependencies": {
+    "@mriqbox/ui-kit": "^4.10.1",
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/free-regular-svg-icons": "^6.7.2",
     "@fortawesome/free-solid-svg-icons": "^6.7.2",