feat: enhance UI components and branch management

- Added new RadioGroup and Switch components for better UI interaction.
- Introduced BranchSelector for improved branch selection in feature dialogs.
- Updated Autocomplete and BranchAutocomplete components to handle error states.
- Refactored feature management to archive verified features instead of deleting them.
- Enhanced worktree handling by removing worktreePath from features, relying on branchName instead.
- Improved auto mode functionality by integrating branch management and worktree updates.
- Cleaned up unused code and optimized existing logic for better performance.

apps/app/tests/utils/views/board.ts

@@ -137,8 +137,17 @@ export async function fillAddFeatureDialog(
 
   // Fill branch if provided (it's a combobox autocomplete)
   if (options?.branch) {
-    const branchButton = page.locator('[data-testid="feature-branch-input"]');
-    await branchButton.click();
+    // First, select "Other branch" radio option if not already selected
+    const otherBranchRadio = page.locator('[data-testid="feature-radio-group"]').locator('[id="feature-other"]');
+    await otherBranchRadio.waitFor({ state: "visible", timeout: 5000 });
+    await otherBranchRadio.click();
+    // Wait for the branch input to appear
+    await page.waitForTimeout(300);
+    
+    // Now click on the branch input (autocomplete)
+    const branchInput = page.locator('[data-testid="feature-input"]');
+    await branchInput.waitFor({ state: "visible", timeout: 5000 });
+    await branchInput.click();
     // Wait for the popover to open
     await page.waitForTimeout(300);
     // Type in the command input