[UIUX] Improve campaign discovery on the landing page

[yfeng2824]

1. Move campaigns closer to the top

• The hero occupies most of the initial screen. Reduce its height so users can immediately see the campaign search and at least one row of results.

2. Hide empty Featured Campaigns

• When there are no featured campaigns, remove the entire section instead of showing “0 featured” and an empty state. This currently consumes valuable space without helping users.

3. Add a sort control and default to newest campaigns

• Consider adding a sort control with:
  • Newest first (default)
  • Name (A - Z)
  • Oldest first
  • Most popular

4. Make filters more compact

• The filter panel is very tall. Replace it with a compact toolbar containing search, status, category, difficulty, and sort.

5. Simplify campaign cards

• The cards contain duplicated and low-priority information:
  • “Completed” and “Event ended” communicate the same state.
  • End dates appear more than once.
  • A 100% progress bar adds little value to a completed campaign.
  • Full endorser addresses create visual noise.
  • Large missing images consume significant space.
• Consider prioritizing the title, short description, status, reward, end date, and primary action. Truncate addresses and provide a branded fallback image.

6. Rename “Other Campaigns”

• Use All Campaigns or Explore Campaigns. “Other” does not clearly explain what the section contains.

---

Proposed design: