Correction CSS Swup, types WS et création fichier de suivi

- Extraction de tous les styles inline en css/pages.css (chargé globalement)
  pour corriger le CSS cassé lors des navigations Swup
- Correction types WebSocket : proxmox_resources → resources_update
  et msg.data → msg.payload (format réel du hub Go)
- Ajout d'un fetch HTTP immédiat dans dashboardPage/proxmoxPage
  pour éviter l'attente du premier tick (10s) du polling WS
- Correction msg.payload pour les updates (update_output/done/error)
- Ajout class terminal-wrapper sur .main-layout de terminal.html
  pour le fullscreen height sans affecter les autres pages
- Création SUIVI.md : état d'implémentation vs instruction.md

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/settings.html

@@ -8,6 +8,7 @@
   <link rel="stylesheet" href="/css/neu.css" />
   <link rel="stylesheet" href="/css/dark.css" />
   <link rel="stylesheet" href="/css/light.css" />
+  <link rel="stylesheet" href="/css/pages.css" />
   <script src="/js/vendors/htmx.min.js"></script>
   <script src="/js/vendors/swup.iife.js"></script>
   <script src="/js/app.js"></script>
@@ -138,26 +139,5 @@
   </main>
 </div>
 
-<style>
-[x-cloak]{display:none!important}
-.main-layout{display:flex;flex-direction:column;flex:1;margin-left:var(--sidebar-width,240px);transition:margin-left .2s}
-.tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--neu-border);padding-bottom:.5rem}
-.tab-btn{padding:.5rem 1rem;border-radius:.375rem .375rem 0 0;font-size:.875rem;font-weight:600;color:var(--neu-text-muted);background:transparent;border:none;cursor:pointer;transition:all .15s}
-.tab-btn.active{color:var(--neu-primary);background:var(--neu-surface);border-bottom:2px solid var(--neu-primary)}
-.tab-btn:hover:not(.active){color:var(--neu-text)}
-.tab-panel{animation:fadeIn .15s ease}
-@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
-.form-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem}
-.form-group{display:flex;flex-direction:column;gap:.4rem}
-.form-label{font-size:.8rem;font-weight:600;color:var(--neu-text-muted)}
-.save-bar{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--neu-border)}
-.save-feedback{flex:1}
-.save-success{color:var(--neu-success);font-size:.875rem}
-.save-error{color:var(--neu-danger);font-size:.875rem}
-.loading-state{display:flex;align-items:center;gap:.75rem;padding:2rem;color:var(--neu-text-muted)}
-.spinner-lg{width:2rem;height:2rem;border:3px solid transparent;border-top-color:var(--neu-primary);border-radius:50%;animation:spin .6s linear infinite}
-.spinner-sm{display:inline-block;width:.875rem;height:.875rem;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}
-@keyframes spin{to{transform:rotate(360deg)}}
-</style>
 </body>
 </html>