Dynamic Cards

Change the way that SingleCard is called by storing card details in a file as an array, that is imported and then use .map to render multiple cards dynamically. This can solve this issue of timing where the latest card can be presented first.

Start at the SingleCard component and trace where its card details are currently supplied. Review the React page or component that renders the cards, then run the website to check the current ordering and presentation. Done means card details come from an imported array, multiple cards render through map, and the latest card no longer appears first because of timing.

Written by the indexing model from the issue text.