feat: update branch handling and UI components for worktree management

- Enhanced branch name determination logic in useBoardActions to ensure features created on non-main worktrees are correctly associated with their respective branches.
- Improved DevServerLogsPanel styling for better responsiveness and user experience.
- Added event hooks support in settings migration and sync processes to maintain consistency across application state.

These changes improve the overall functionality and usability of worktree management within the application.

apps/ui/src/hooks/use-settings-migration.ts

@@ -730,6 +730,8 @@ export function hydrateStoreFromSettings(settings: GlobalSettings): void {
     worktreePanelCollapsed: settings.worktreePanelCollapsed ?? false,
     lastProjectDir: settings.lastProjectDir ?? '',
     recentFolders: settings.recentFolders ?? [],
+    // Event hooks
+    eventHooks: settings.eventHooks ?? [],
     // Terminal font (nested in terminalState)
     ...(settings.terminalFontFamily && {
       terminalState: {
@@ -808,6 +810,7 @@ function buildSettingsUpdateFromStore(): Record<string, unknown> {
     lastProjectDir: state.lastProjectDir,
     recentFolders: state.recentFolders,
     terminalFontFamily: state.terminalState.fontFamily,
+    eventHooks: state.eventHooks,
   };
 }
 

apps/ui/src/hooks/use-settings-sync.ts

@@ -682,6 +682,8 @@ export async function refreshSettingsFromServer(): Promise<boolean> {
       worktreePanelCollapsed: serverSettings.worktreePanelCollapsed ?? false,
       lastProjectDir: serverSettings.lastProjectDir ?? '',
       recentFolders: serverSettings.recentFolders ?? [],
+      // Event hooks
+      eventHooks: serverSettings.eventHooks ?? [],
       // Terminal settings (nested in terminalState)
       ...((serverSettings.terminalFontFamily || serverSettings.openTerminalMode) && {
         terminalState: {