refactor: Fusion du header et des onglets pour optimiser l'espace vertical (v1.2.1)

- Header et barre d'onglets combinés sur une seule ligne
- Gain de 10px en hauteur (60px au lieu de 70px)
- Logo et agent à gauche, onglets au centre, actions à droite
- Interface plus compacte avec éléments redimensionnés
- Plus d'espace vertical disponible pour les webviews

index.html

@@ -56,25 +56,6 @@
 
     <!-- Page principale -->
     <div id="mainPage" class="page">
-      <!-- Header -->
-      <header>
-        <div class="header-left">
-          <h1>SimpleConnect</h1>
-          <span id="agentName" class="agent-name"></span>
-        </div>
-        <div class="header-center">
-          <div id="callStatus" class="call-status">
-            <span class="status-indicator" id="statusIndicator"></span>
-            <span id="statusText">En attente</span>
-          </div>
-        </div>
-        <div class="header-right">
-          <button id="toggleNotesBtn" class="btn-icon" title="Afficher/Masquer les notes">
-            <span class="icon-notes">📝</span>
-          </button>
-          <button id="logoutBtn" class="btn-secondary">Déconnexion</button>
-        </div>
-      </header>
 
       <!-- Zone d'alerte appel entrant -->
       <div id="incomingCallAlert" class="incoming-call-alert">
@@ -87,12 +68,32 @@
         <button id="acceptCallBtn" class="btn-accept">Prendre l'appel</button>
       </div>
 
+      <!-- Header et onglets combinés -->
+      <header class="header-with-tabs">
+        <div class="header-left">
+          <h1>SimpleConnect</h1>
+          <span id="agentName" class="agent-name"></span>
+        </div>
+        
+        <!-- Onglets des centres -->
+        <div class="tabs" id="centerTabs"></div>
+        
+        <div class="header-right">
+          <div id="callStatus" class="call-status">
+            <span class="status-indicator" id="statusIndicator"></span>
+            <span id="statusText">Disponible</span>
+          </div>
+          <button id="toggleNotesBtn" class="btn-icon" title="Afficher/Masquer les notes">
+            <span class="icon-notes">📝</span>
+          </button>
+          <button id="logoutBtn" class="btn-secondary">Déconnexion</button>
+        </div>
+      </header>
+
       <!-- Conteneur principal -->
       <div class="main-container">
         <!-- Zone principale avec les webviews -->
         <main class="content">
-          <!-- Onglets des centres -->
-          <div class="tabs" id="centerTabs"></div>
 
           <!-- Container des webviews -->
           <div id="webviewContainer" class="webview-container">