add favourites to new dashboard

[Mbeaulne]

Description

Added a new FavoritesSection component that displays user favorites with search and pagination functionality. The component shows favorite pipelines and runs as clickable chips with different styling, includes a search input to filter by name or ID, and supports pagination for large lists. Connected this component to the dashboard favorites route, replacing the placeholder "Coming Soon" page.

Related Issue and Pull requests

Type of Change

• Bug fix
• New feature
• Improvement
• Cleanup/Refactor
• Breaking change
• Documentation update

Checklist

• I have tested this does not break current pipelines / runs functionality
• I have tested the changes on staging

Screenshots (if applicable)

Test Instructions

1. Navigate to the dashboard favorites page
2. Verify the favorites section displays correctly when no favorites exist
3. Add some favorite pipelines and runs using the star functionality
4. Test the search functionality by filtering favorites by name or ID
5. Verify pagination works correctly when there are more than 10 favorites
6. Test clicking on favorite chips navigates to the correct pipeline or run
7. Test removing favorites using the X button on each chip

Additional Comments

The component integrates with the existing useFavorites hook and uses consistent UI components from the design system. Pipeline favorites are styled with violet colors while run favorites use emerald colors for visual distinction.

[github-actions]

🎩 To tophat this PR:

You can add the following URL parameter to your browser to tophat this PR:

`?tophat_location=03-24-add_favourites_to_new_dashboard/345f802`

---

[Mbeaulne]

• remove old home page #2056
• Default dashboard flag #2055
• Add components section #2025
• Add dashboard home view with favorites, recently viewed, and my runs sections #2011
• moves app footer #2010
• add new section to the side bar #2004
• Updates runs and pipelines designs #2003
• Adds runs and filters #2002
• update favourite and recent cards #2001
• Updates revently viewed #2000
• Adds recently viewed #1999
• Update design for favourites #1998
• add favourites to new dashboard #1997 👈 (View in Graphite)
• feat dashboard layout #1996
• Feat recently viewed #1986
• feat_favorites_filter #1985
• feat_favorites_homepage_section #1983
• feat_favorites_toggle_ui #1982
• feat favorites infrastructure #1980
• Dashboard and beta #1932
• Add Claude AI skills for project conventions and development standards #1931
• master

This stack of pull requests is managed by Graphite. Learn more about stacking.

[Mbeaulne]

Reviewer note: FavoritesSection.tsx re-added here is identical to the version deleted in #1996 — it is deleted again one PR later in #1998 when the design switches from chips to cards.

DashboardFavoritesView.tsx introduced here as a 5-line shell is completely rewritten in #1998. You can treat this PR as a brief stepping stone — the final favorites implementation is in #1998.

[Mbeaulne]

Merge activity

• Apr 10, 8:38 PM UTC: A user started a stack merge that includes this pull request via Graphite.
• Apr 10, 9:04 PM UTC: Graphite rebased this pull request as part of a merge.
• Apr 10, 9:07 PM UTC: @Mbeaulne merged this pull request with Graphite.