Collections & Uploaded Media: CardList Expanded

[Austin2Shih]

• [ ] Create the CardList component (assuming that right now we are only displaying data in it's expanded view).
• Create in /(pages)/_components/CardList/CardList.tsx
• Create the scss module in the same folder
• The reason it's in the root components is because this will be used in both content and uploaded-media.
• example use case:

  
  const cards = [
  <Card/>,
  <Card/>,
  ...
  ]

{cards}

- Use Flexbox or Grib to make the content flex-wrap. Just define paddings and gaps and everything should work out pretty simply.
- In the future, you will have to make it collapsable (all data goes into one row as a carousel). Keep that in mind when you come up with your solution for Expanded view.

![Image](https://github.com/include-davis/Include-CMS/assets/66186160/7698074c-73ef-4712-b0ed-224a8f21405c)