feat: add multiple package sync sources and API integration

- Added undici dependency and implemented three package fetcher variants (simple text parsing, v2 with better error handling, and official repository sync)
- Integrated real API calls in PlatformSelector and PackageBrowser components with fallback to mock data
- Extended sync API route to support multiple data sources (debian-simple, ubuntu-simple, debian-official-v2, etc.) with platform initialization

src/components/RepoHubApp.tsx

@@ -2,10 +2,10 @@
 
 import { useState } from 'react'
 import { LocaleProvider } from '@/contexts/LocaleContext'
-import { Header } from '@/components/Header'
-import { PlatformSelector } from '@/components/PlatformSelector'
-import { PackageBrowser } from '@/components/PackageBrowser'
-import { SelectionManager } from '@/components/SelectionManager'
+import { Header } from './Header'
+import { PlatformSelector } from './PlatformSelector'
+import { PackageBrowserV2 } from './PackageBrowserV2'
+import { SelectionManager } from './SelectionManager'
 import { ScriptPreview } from '@/components/ScriptPreview'
 import { generateScript } from '@/lib/scriptGenerator'
 import { useLocale } from '@/contexts/LocaleContext'
@@ -86,7 +86,7 @@ function RepoHubAppContent() {
           />
 
           {/* Package Browser */}
-          <PackageBrowser
+          <PackageBrowserV2
             selectedPlatform={selectedPlatform}
             selectedPackages={selectedPackages}
             onPackageToggle={handlePackageToggle}