feat(ui): add dedicated results page and real compare state

[chake111]

Motivation

• Provide a dedicated recommendations container so search results, filters and pagination live on their own route (/{locale}/results).
• Keep the homepage lightweight by showing a preview and navigating to the results route after a successful search with query and locale in the URL.
• Replace the compare placeholder with a real compare experience that is driven by URL state so users can view/remove/clear compared tools.

Description

• Added ui/app/[locale]/results/page.tsx which reads query from the URL, triggers the recommendation flow, and manages compare selections on the results page.
• Updated ui/app/[locale]/page.tsx to redirect to /{locale}/results?query=...&locale=... on successful search and replaced the inline results UI with a preview component HomeResultsPreview at ui/components/home/home-results-preview.tsx.
• Split and renamed the former HomeResults into a listing component ResultsList at ui/components/results/results-list.tsx that contains filters, card list, pagination and compare toggle behavior.
• Reworked ui/app/[locale]/compare/page.tsx to parse tools from the query string, render compare content in table/list views, and support removing/clearing compared tools while updating the URL.

Testing

• Ran npm run typecheck in ui which completed successfully.
• Ran npm run lint in ui which failed due to the repository not providing the ESLint v9 flat eslint.config.* configuration.
• Ran npm run build in ui which failed in this environment because next/font could not fetch Google Fonts (blocked network for font downloads).

---

Codex Task

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
ai-tool-picker	Ready	Preview, Comment	Apr 20, 2026 0:41am