update favourite and recent cards

[Mbeaulne]

Description

Replaced programmatic navigation with Link components in dashboard favorite and recently viewed cards. Changed the type indicators from simple icon/text combinations to pill-style badges with rounded backgrounds. Updated card styling to use consistent shadow effects and neutral colors instead of type-specific color schemes.

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
2. Verify that favorite cards are clickable and navigate correctly
3. Verify that recently viewed cards are clickable and navigate correctly
4. Test that the remove favorite button works without triggering navigation
5. Confirm that type pills display correctly for both pipelines and runs
6. Check that hover effects work properly on the cards

Additional Comments

The Link component provides better accessibility and browser behavior (right-click to open in new tab, etc.) compared to programmatic navigation. The pill-style type indicators provide better visual hierarchy and the unified card styling creates a more consistent interface.

[github-actions]

🎩 To tophat this PR:

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

`?tophat_location=03-24-update_favourite_and_recent_cards/bc09f9b`

---

[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 👈 (View in Graphite)
• Updates revently viewed #2000
• Adds recently viewed #1999
• Update design for favourites #1998
• add favourites to new dashboard #1997
• 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]

Merge activity

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