fix(landing): set pointerEvents to avoid reset button overlap

[matchai]

What kind of change does this pull request introduce?

1. Fix a bug blocking interaction with editors due to invisible elements overlapping
2. Dim reset button when the editor contents are unchanged

What is the current behavior?

CleanShot.2021-12-06.at.17.20.15.mp4

2. Reset button gives the impression that the reset button will do something while it's visible.

What is the new behavior?

1. Invisible elements are given pointerEvents: "none".
2. Reset button is dimmed if editor contents are unchanged.

What steps did you take to test this? This is required before we can merge, make sure to test the flow you've updated.

Locally tested both interactions:

1. Reset button now works consistently.
2. Reset button is dimmed until changes are made in the editor.

CleanShot.2021-12-08.at.18.14.08-converted.mp4

Checklist

• Documentation N/A
• Ready to be merged
  

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 3cc1654:

Sandbox	Source
Sandpack Blog Example 1	Configuration

[danilowoz]

That's great! Thanks @matchai!