Adds double-click to edit support for rates

Enables quick editing of salary rates by double-clicking card inputs

Introduces functionality to:
- Open rates drawer on double-click
- Automatically focus and select corresponding input
- Add temporary highlight to edited row

PlanTempus.Application/wwwroot/ts/modules/employees.ts

@@ -211,6 +211,7 @@ class RatesSyncController {
 
     this.setupCheckboxListeners();
     this.setupInputListeners();
+    this.setupDoubleClickToEdit();
   }
 
   /**
@@ -319,4 +320,50 @@ class RatesSyncController {
     const formattedValue = this.formatNumber(value);
     cardInput.value = `${formattedValue} ${unit}`;
   }
+
+  /**
+   * Setup double-click on salary card inputs to open drawer and focus field
+   */
+  private setupDoubleClickToEdit(): void {
+    document.addEventListener('dblclick', (e: Event) => {
+      const target = e.target as HTMLElement;
+      const input = target.closest<HTMLInputElement>('input[id^="value-"]');
+
+      if (!input || !input.id) return;
+
+      // Extract key from value-{key}
+      const match = input.id.match(/^value-(.+)$/);
+      if (!match) return;
+
+      const rateKey = match[1];
+      this.openDrawerAndFocus(rateKey);
+    });
+  }
+
+  /**
+   * Open drawer and focus the corresponding field with highlight
+   */
+  private openDrawerAndFocus(rateKey: string): void {
+    // Open the drawer
+    const trigger = document.querySelector<HTMLElement>('[data-drawer-trigger="rates-drawer"]');
+    trigger?.click();
+
+    // Wait for drawer to open, then focus field
+    requestAnimationFrame(() => {
+      const drawerInput = document.getElementById(`rate-${rateKey}`) as HTMLInputElement | null;
+      if (!drawerInput) return;
+
+      // Focus the input
+      drawerInput.focus();
+      drawerInput.select();
+
+      // Add highlight to row
+      const row = drawerInput.closest<HTMLElement>('swp-data-row');
+      if (row) {
+        row.classList.add('focus-highlight');
+        // Remove class after animation
+        setTimeout(() => row.classList.remove('focus-highlight'), 1000);
+      }
+    });
+  }
 }