feat: Refonte moderne du panneau de notes avec design latéral

- Transformation en panneau latéral droit au lieu du bas
- Header avec gradient violet et design moderne
- Ajout bouton Effacer et amélioration du placeholder
- Suppression du badge rouge de notification
- Animations fluides et redimensionnement automatique de la webview
- Interface plus cohérente et intuitive

index.html

@@ -103,7 +103,7 @@
           <div id="webviewContainer" class="webview-container">
           </div>
 
-          <!-- Zone de notes rapides (masquable) -->
+          <!-- Zone de notes rapides - Panneau latéral -->
           <div id="notesSection" class="notes-section">
             <div class="notes-header">
               <h4>Notes rapides</h4>
@@ -111,9 +111,17 @@
             </div>
             <textarea
               id="quickNotes"
-              placeholder="Prenez des notes ici..."
+              placeholder="Prenez des notes ici pendant vos appels...
+
+• Informations patient
+• Motif de l'appel
+• Actions à effectuer
+• Remarques importantes"
             ></textarea>
-            <button id="saveNotesBtn" class="btn-small">Sauvegarder</button>
+            <div class="notes-footer">
+              <button id="clearNotesBtn" class="btn-small btn-clear">Effacer</button>
+              <button id="saveNotesBtn" class="btn-small">Sauvegarder</button>
+            </div>
           </div>
         </main>
       </div>