Feature Request: Create Run Table Component

[erunks]

What are you wanting to be added?

Goal: Create the Run Table component and sub components

Objectives:

• [ ] After navigating to /board/{slug}, you should see the run table for a given leaderboard
  • it is not expected that the table be populated with real data at this time
• [ ] This component should be reactive and mobile first

Resources:

Figma Component

Mobile design	Desktop design

• Note that the Run Table design is slightly out of date, as the verified column is no longer needed
• Also note that the Run Component itself has two variants in the mobile design. There is a list style, which makes the table have a horizontal overflow, and then there is a compact style, which displays all the information without the table headers. Ideally, this difference in rendering will be based on user preferences, but for now I think it's okay to assume the default would be the list style.

List Style	Compact Style

Things to know:

• Designs are likely going to change, once we have enough of a working demo site together for our designers to work on the look and feel of the project. If handling both the styles of the run component is too much effort, then I would say it's okay to just stick with the list style view for now.
• If you don't have access to the Figma, that can be found also in the #resources, ask about access to it in #general-dev and someone should be able to help you out

What might break?

N/A

Relevant Issues

#545 is kind of a blocker in terms of getting actual information about the leaderboard. Theoretically, the route should be setup the same, so these issues should be able to be worked on simultaneously.

[zysim]

Guess I can pick this up rn. Plus; we've got this new UI to use, so I'll build that.