feat: implement AI Model Side-by-Side Comparison Dashboard (#27)

[MistryVishwa]

Summary

Added a fully interactive, responsive Side-by-Side Comparison Dashboard for tracking and comparing up to 4 AI models simultaneously.

Key Changes

• Dashboard Component: Added comparative matrix supporting Specs, Capabilities (Vision/Audio), Performance (GPQA score, Token Speed), and Pricing.
• Interactive Toggles: Toggles for dynamic difference highlighting across rows.
• Export & Share: Direct export to CSV / Markdown, and bookmarkable URL parameters (?compare=slug1,slug2).
• Entry Points: Clean access buttons added to the Navbar, Home Page, and Models directory page.
• Next-Auth Fix: Corrected a Next.js compilation strict type check error in route.ts.

Issue Link: #27

[vercel]

@MistryVishwa is attempting to deploy a commit to the aditthyass' projects Team on Vercel.

A member of the Team first needs to authorize it.

[MistryVishwa]

Hello @AditthyaSS Please merge the PR.
I have done the task

[AditthyaSS]

Hey @MistryVishwa , thank you for the contribution

I noticed that this PR includes changes across multiple files, along with modifications to the package-lock.json file

Could you please provide a brief explanation of why the package-lock.json changes are required for this implementation and confirm whether any additional dependencies were added or updated?

Also, please attach a few screenshots or a short demo showcasing the implemented feature. This will help us verify the functionality and review the UI/UX changes more effectively

Once we verify the dependency changes and review the screenshots, we will proceed with the final review.

Thanks again for your contribution ⭐ Please star the Repo

[MistryVishwa]

http://localhost:3000/models/compare?compare=o3%2Cgpt-5%2Cgemini-2-5-pro%2Cgrok-3

Summary

Added a fully interactive, responsive Side-by-Side Comparison Dashboard for tracking, evaluating, and comparing up to 4 AI models simultaneously.

Features Implemented

• Interactive Selector Grid: Search and select up to 4 models dynamically using standard dropdown selectors.
• 10+ Comparison Parameters: Comprehensive comparison matrix covering General Info, Modalities (Vision/Audio), Specs (Context Window, Parameters, License), and Performance & Cost (GPQA benchmark, speed, pricing, community rating).
• Dynamic Difference Highlighting: A togglable mode that automatically flags parameter rows that differ between selected models.
• Shareable Comparisons: URL query sync (?compare=slug1,slug2) so comparisons are easily bookmarkable and shareable.
• Data Exporting: Direct downloads for compared datasets in clean CSV and Markdown formats.
• Responsive Layouts: Clean glassmorphism styling adapting gracefully from mobile viewports to wide screens.

Hii @AditthyaSS please check I have added the screenshots

[MistryVishwa]

Hii @AditthyaSS Have you checked this?