Admin: onglet Infos systeme (reseau, RAM, disque, temp, camera)

- Endpoint /api/systeme/info : IPs par interface, hostname, uptime,
  disque, RAM, temperature CPU, version Python, statut camera
- Onglet Infos dans le backoffice avec affichage visuel (barres, couleurs)
- Bouton Actualiser pour rafraichir les donnees en temps reel

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

frontend/index.html

@@ -331,6 +331,7 @@
           <button class="onglet" data-onglet="personnalisation">Personnalisation</button>
           <button class="onglet" data-onglet="evenement">Evenement</button>
           <button class="onglet" data-onglet="fonctions">Fonctions</button>
+          <button class="onglet" data-onglet="infos" onclick="chargerInfosSysteme()">Infos</button>
         </div>
 
         <!-- Panneau Materiel (Camera + Imprimante) -->
@@ -567,6 +568,17 @@
           <button class="btn-danger" onclick="confirmerRedemarrage()">Redemarrer le systeme</button>
           <button class="btn-danger" onclick="confirmerExtinction()">Eteindre le systeme</button>
         </div>
+
+        <!-- Panneau Infos systeme -->
+        <div class="admin-panneau" id="panneau-infos">
+          <div class="infos-systeme-header">
+            <h3>Informations systeme</h3>
+            <button class="btn-action btn-petit" onclick="chargerInfosSysteme()">&#8635; Actualiser</button>
+          </div>
+          <div id="infos-systeme-contenu" class="infos-systeme-contenu">
+            <p class="infos-chargement">Chargement...</p>
+          </div>
+        </div>
       </div>
     </section>