Fix: change the copy to clipboard behavior

[TenzDelek]

Fixes #6685

Description

the current behavior of the copy button doesn't seems to work in the smaller screen. and also it is not appealing for a notification style when we click on it.

• changes
• made state based transition for the button allowing a smooth interaction for both smaller screen and large one

  Validation

  before click:

  

after click:

Check List

• [x] I have read the Contributing Guidelines and made commit messages that follow the guideline.
• [x] I have run npm run format to ensure the code follows the style guide.
• [x] I have run npm run test to check if all tests are passing.
• [x] I have run npx turbo build to check if the website builds without errors.
• [ ] I've covered new added functionality with unit tests if necessary.

[vercel[bot]]

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

Name	Status	Preview	Updated (UTC)
nodejs-org	✅ Ready (Inspect)	Visit Preview	May 1, 2024 10:56am

[AugustinMauroy]

A word of advice: it's smarter to wait until you've reached a consensus on the issue before launching into the code. Because personally I'm very happy to have a toast. Also, your change applies to all codeBoxes, not just the one for the landing page.

[TenzDelek]

A word of advice: it's smarter to wait until you've reached a consensus on the issue before launching into the code. Because personally I'm very happy to have a toast. Also, your change applies to all codeBoxes, not just the one for the landing page.

Appreciate your concern, closing this repo until further discussion is reach.. :smiley: