refactor: structure YMB as enterprise React app

src/pages/SearchPage.jsx

@@ -0,0 +1,8 @@
+// Author: fruit.com.cn
+import { useSearchParams } from 'react-router-dom';
+import { MediaCard } from '../components/MediaCard';
+import { SectionHeading } from '../components/SectionHeading';
+import { useAppStore } from '../app/store';
+import { searchCatalog } from '../services/catalogService';
+
+export function SearchPage() { const { locale } = useAppStore(); const [params] = useSearchParams(); const query = params.get('q') || ''; const results = searchCatalog(query, '', 0); return <><SectionHeading title={query ? `Search results for “${query}”` : locale.picks} /><div className="video-grid">{results.map((video) => <MediaCard key={video.id} video={video} />)}</div></>; }