Add exercise card to DOJO exercises page

[bryanjenningz]

This pull request doesn't change any user-facing pages, it only changes the DOJO exercises pages (e.g. /exercises/js0) which currently doesn't have any links to it.

This pull request adds the exercise card to the DOJO exercises page. It currently uses mock data on the frontend and doesn't store the user's answers. It will be connected to the backend and real data in a subsequent pull request.

How to test:

• Go to /exercises/js0
• Click "SOLVE EXERCISES" button
• Answer questions, show and hide solutions, click "SKIP" button, click "PREVIOUS" button, click "Exit" button

The newly added "SOLVED EXERCISES" button on the right side of the /exercises/js0 page:

The first exercise:

The solved second exercise:

This pull request is a part of #2253

[vercel]

@bryanjenningz is attempting to deploy a commit to the c0d3-prod Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
c0d3-app	✅ Ready (Inspect)	Visit Preview	Sep 19, 2022 at 6:00AM (UTC)

[codecov]

Codecov Report

Merging #2325 (d5888a0) into master (ee91a31) will not change coverage.
The diff coverage is 100.00%.

@@            Coverage Diff            @@
##            master     #2325   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files          180       180           
  Lines         3148      3172   +24     
  Branches       838       847    +9     
=========================================
+ Hits          3148      3172   +24     

Impacted Files	Coverage Δ
components/ExerciseCard/ExerciseCard.tsx	100.00% <ø> (ø)
pages/exercises/[lessonSlug].tsx	100.00% <100.00%> (ø)

[flacial]

More margin (32px not 138px) between the main content and the nav would be nice

And more between the content and the heading + button (24px not 112px)

[flacial]

The error is different than the design:

Should be:

With red border and red text.

---

Actually, this is related to the previous PR and shouldn't be addressed in this PR.

[flacial]

Other features such as flagging and the filtering dropdown will be addressed in a subsequent PR?

[bryanjenningz]

Other features such as flagging and the filtering dropdown will be addressed in a subsequent PR?

Yeah, I'm just trying to get the features done in small pull requests so they're easy to review. We can include more stuff in later pull requests.

[bryanjenningz]

The error is different than the design:

Should be:

With red border and red text.

Actually, this is related to the previous PR and shouldn't be addressed in this PR.

Thanks! Fixed in #2326