Enhanced [UI]: Copy Button for Improved Readability

[SOUMITRO-SAHA]

PR Fixes:

1. Fixed the Copy Button.
2. Previously, the button hid the text behind it. This issue has been resolved with a more professional approach.
3. Converted the component to a client component to ensure it uses React Hooks correctly. Although no errors are currently shown since it's used within a client component, adding "use client" at the top ensures it won't cause issues if used in a server-side component in the future.

Before

After

Resolves #425

Checklist before requesting a review

• I have performed a self-review of my code
• I assure there is no similar/duplicate pull request regarding same issue

[hkirat]

Can u get rid of Copied ?

[SOUMITRO-SAHA]

Should I replace it with a checkmark?

[hkirat]

yes

[SOUMITRO-SAHA]

Done 👍