Enable withGlobalTauri in config and create dedicated header drag zone to fix window drag and button click issues

widget/src-tauri/tauri.conf.json

@@ -3,7 +3,8 @@
     "distDir": "../src",
     "devPath": "../src",
     "beforeDevCommand": "",
-    "beforeBuildCommand": ""
+    "beforeBuildCommand": "",
+    "withGlobalTauri": true
   },
   "package": {
     "productName": "TodoFlow",

widget/src/index.html

@@ -14,7 +14,7 @@
   <div class="todo-widget">
     <!-- Barre supérieure personnalisée avec zone de déplacement pour Tauri -->
     <header class="widget-header">
-      <div class="header-left" data-tauri-drag-region>
+      <div class="header-drag-zone" data-tauri-drag-region>
         <span class="status-indicator disconnected" id="connection-status" title="Déconnecté"></span>
         <h1 class="widget-title" data-tauri-drag-region>TodoFlow</h1>
       </div>

widget/src/style.css

@@ -63,17 +63,19 @@ body {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  cursor: grab; /* Indique qu'on peut faire glisser le widget */
 }
 
-.widget-header:active {
-  cursor: grabbing;
-}
-
-.header-left {
+.header-drag-zone {
   display: flex;
   align-items: center;
   gap: 8px;
+  flex: 1;
+  height: 100%;
+  cursor: grab;
+}
+
+.header-drag-zone:active {
+  cursor: grabbing;
 }
 
 /* Indicateur d'état connecté à l'API */