feat(bd-1fe): Add RecoveryPanel component to web frontend

Port TUI RecoveryPanel.ts to React web frontend:
- Add RecoverySuggestion, RecoveryAction, and related types to types.ts
- Create RecoveryPanel.tsx component with:
  - Recovery suggestions list with expandable actions
  - Priority badges and category icons
  - Automated/manual action indicators
  - Execute and dismiss buttons for actions
  - Detail panel for selected suggestion
- Add CSS styles for recovery panel and toggle button
- Integrate RecoveryPanel into App.tsx with toggle button in header

All 442 tests pass.

Co-Authored-By: Claude Worker <noreply@anthropic.com>

src/web/frontend/src/App.tsx

@@ -131,6 +131,14 @@ const App: React.FC = () => {
             <span className="dag-toggle-icon">🔗</span>
             <span className="dag-toggle-label">DAG</span>
           </button>
+          <button
+            className="recovery-toggle"
+            onClick={() => setShowRecoveryPanel(!showRecoveryPanel)}
+            title="View recovery suggestions"
+          >
+            <span className="recovery-toggle-icon">💊</span>
+            <span className="recovery-toggle-label">Recovery</span>
+          </button>
           <button
             className="file-heatmap-toggle"
             onClick={() => setShowFileHeatmap(!showFileHeatmap)}
@@ -199,6 +207,14 @@ const App: React.FC = () => {
             onClose={() => setShowDependencyDag(false)}
           />
         )}
+
+        {showRecoveryPanel && (
+          <RecoveryPanel
+            suggestions={recoverySuggestions}
+            visible={showRecoveryPanel}
+            onClose={() => setShowRecoveryPanel(false)}
+          />
+        )}
       </main>
     </div>
   );

src/web/frontend/src/index.css

@@ -74,6 +74,32 @@ body {
   font-size: 0.875rem;
 }
 
+.recovery-toggle {
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+  background: rgba(233, 69, 96, 0.2);
+  border: 1px solid var(--accent);
+  color: var(--accent);
+  padding: 0.375rem 0.625rem;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.recovery-toggle:hover {
+  background: rgba(233, 69, 96, 0.3);
+}
+
+.recovery-toggle-icon {
+  font-size: 0.875rem;
+}
+
+.recovery-toggle-label {
+  font-size: 0.75rem;
+  font-weight: 600;
+}
+
 .dag-toggle-label {
   font-size: 0.75rem;
   font-weight: 600;