fix(docs-landing): confetti position

[tianenpang]

Closes #468

📝 Description

Fix the confetti position in the landing page.

⛳️ Current behavior (updates)

Correct the confetti position by click event.

Remove the confetti positioning code from example and focus on the topic.

💣 Is this a breaking change (Yes/No):

No

📝 Additional Information

Screenshot of confetti with better position

[codecov-commenter]

Codecov Report

Merging #469 (47fc75e) into main (014e36e) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##             main     #469   +/-   ##
=======================================
  Coverage   74.95%   74.95%           
=======================================
  Files         183      183           
  Lines        2831     2831           
  Branches      843      843           
=======================================
  Hits         2122     2122           
  Misses        698      698           
  Partials       11       11           

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 014e36e...47fc75e. Read the comment docs.

[tianenpang]

Remove confetti comments, and better x position for confetti by clientWidth.

[tianenpang]

Additional fix for missing key of initial style elements in _document.tsx using React.Children.toArray

[jrgarciadev]

Thanks @tianenpang 🙏🏻