fix(hackathons): 2-column grid and pagination on teams tab

[Benjtalkshow]

Summary

• Teams tab rendered as a single column with no pager, leaving teams past page 1 unreachable.
• Switch the grid to two columns from the lg breakpoint.
• Wire the existing Pagination component to the API's pagination.totalPages so users can page through results.

Test plan

• Open a hackathon with more than limit teams; confirm pager renders and Next/Previous moves through pages.
• Confirm pager is hidden when there is only one page of results (existing Pagination behaviour).
• Verify the grid is single-column on small/medium viewports and two-column from lg (1024px) up.
• Run searches/filter changes and confirm page resets to 1.

Summary by CodeRabbit

• New Features
  • Added pagination controls to the Find Team section for seamless navigation through team listings.
  • Redesigned the teams list layout from a single-column format to a responsive two-column grid, enhancing the browsing experience and making it easier to view multiple teams at once.

[vercel]

@Benjtalkshow is attempting to deploy a commit to the Threadflow Team on Vercel.

A member of the Team first needs to authorize it.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: c2d6d21a-079f-416a-8577-e36452646975

📥 Commits

Reviewing files that changed from the base of the PR and between 324e588 and 19cb9d9.

📒 Files selected for processing (1)

• app/(landing)/hackathons/[slug]/components/tabs/contents/FindTeam.tsx

---

📝 Walkthrough

Walkthrough

The FindTeam tab now displays paginated teams in a responsive two-column grid. The Pagination component is imported, total pages are computed from the API response with a fallback to 1, and the grid layout is wired to the existing page state via the pagination control's onPageChange handler.

Changes

Teams List Pagination

Layer / File(s)	Summary
Teams list pagination and responsive grid app/(landing)/hackathons/[slug]/components/tabs/contents/FindTeam.tsx	Pagination component imported and wired to teams list. Total pages extracted from API response with fallback. Teams layout changed to two-column grid with Pagination control bound to the existing page state.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

Suggested reviewers

• 0xdevcollins

Poem

A rabbit hops through teams with glee,
Two columns now, each one to see,
Pages turn with gentle grace,
Finding teammates, finding place! 🐰✨

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately describes the main changes: adding a 2-column grid layout and pagination to the teams tab, matching the core modifications shown in the changeset.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}