Design kit catalog page

[mattrosno]

Spec: https://www.figma.com/file/I4Hryi0b79gU469AcZ3gkm/V1-Design-kit-Catalog?node-id=0%3A1

Design

• [x] External link redlines @kingtraceyj
• [x] Specify body copy @kingtraceyj @aubrey-oneal
• [x] Adobe Ace icon @kingtraceyj

Dev

• [x] Route: /design-kits
• [x] Create reusable design kit tags in the data folder - Matt's notes
• [x] Description that includes a link to the design getting started page
• [x] Search
• [x] Filter by maintainer, tool, type, status
• [x] Results bar
• [x] Catalog items
• [x] Pagination
• [x] External link hover treatment
• [ ] Make sure this link is added to the Designing / get-started.mdx line 184

Preview

[mattrosno]

@kingtraceyj can you provide specs for the external link hover arrow that is positioned over the sponsor icon? We need that, because the all design kits catalog items take you to external destinations, right?

[mattrosno]

@francinelucca is this blocked by catalog refactors?

[francinelucca]

@francinelucca is this blocked by catalog refactors?

It would be but refactor is in main already so we're good!

[mattrosno]

Hey team! Please add your planning poker estimate with ZenHub @alisonjoseph @andreancardona @jdharvey-ibm

[mattrosno]

@aubrey-oneal can you specify the body copy for this page?