[feat] Add dual mode support to NodeConflictDialogContent and fix TypeScript errors

- Add dual mode support to NodeConflictDialogContent:
  - Support props (conflictedPackages/conflicts) for specific conflicts
  - Fallback to global composable data for SidebarHelpCenterIcon usage
  - Import failed extensions section shows at top with package names
  - Conditional description display for post-What's-New scenarios

- Fix TypeScript errors:
  - PackEnableToggle: Add missing parameter to showConflictModal call
  - InfoTabs: Update conflictResult prop to allow undefined
  - WarningTabPanel: Update conflictResult prop to accept undefined

- Update tests for comprehensive dual mode functionality coverage

tests-ui/tests/components/dialog/content/manager/NodeConflictDialogContent.test.ts

@@ -9,7 +9,7 @@ import type { ConflictDetectionResult } from '@/types/conflictDetectionTypes'
 
 // Mock getConflictMessage utility
 vi.mock('@/utils/conflictMessageUtil', () => ({
-  getConflictMessage: vi.fn((conflict, t) => {
+  getConflictMessage: vi.fn((conflict) => {
     return `${conflict.type}: ${conflict.current_value} vs ${conflict.required_value}`
   })
 }))
@@ -195,6 +195,70 @@ describe('NodeConflictDialogContent', () => {
       expect(conflictsSection.text()).toContain('3')
       expect(conflictsSection.text()).toContain('Conflicts')
     })
+
+    it('should render with conflict data from props (conflictedPackages)', () => {
+      // Clear composable data to ensure props are used
+      mockConflictData.value = []
+
+      const wrapper = createWrapper({
+        conflictedPackages: mockConflictResults
+      })
+
+      // Should show 3 total conflicts (2 from Package1 + 1 from Package2, excluding import_failed)
+      expect(wrapper.text()).toContain('3')
+      expect(wrapper.text()).toContain('Conflicts')
+      // Should show 3 extensions at risk (all packages)
+      expect(wrapper.text()).toContain('Extensions at Risk')
+      // Should show import failed section
+      expect(wrapper.text()).toContain('Import Failed Extensions')
+      expect(wrapper.text()).toContain('1') // 1 import failed package
+    })
+
+    it('should render with conflict data from props (conflicts)', () => {
+      // Clear composable data to ensure props are used
+      mockConflictData.value = []
+
+      const wrapper = createWrapper({
+        conflicts: mockConflictResults
+      })
+
+      // Should show 3 total conflicts (excluding import_failed)
+      expect(wrapper.text()).toContain('3')
+      expect(wrapper.text()).toContain('Conflicts')
+      expect(wrapper.text()).toContain('Extensions at Risk')
+      expect(wrapper.text()).toContain('Import Failed Extensions')
+    })
+
+    it('should prioritize conflictedPackages over conflicts prop', () => {
+      const singleConflict: ConflictDetectionResult[] = [
+        {
+          package_id: 'SinglePackage',
+          package_name: 'Single Package',
+          has_conflict: true,
+          is_compatible: false,
+          conflicts: [
+            {
+              type: 'os',
+              current_value: 'macOS',
+              required_value: 'Windows'
+            }
+          ]
+        }
+      ]
+
+      // Clear composable data
+      mockConflictData.value = []
+
+      const wrapper = createWrapper({
+        conflicts: mockConflictResults, // 4 conflicts total
+        conflictedPackages: singleConflict // 1 conflict
+      })
+
+      // Should use conflictedPackages (1 conflict) instead of conflicts (4 conflicts)
+      expect(wrapper.text()).toContain('1')
+      expect(wrapper.text()).toContain('Conflicts')
+      expect(wrapper.text()).toContain('Extensions at Risk')
+    })
   })
 
   describe('panel interactions', () => {