feat: implement copy button UI (#7698)

[Rajankannaujiya]

Summary

This PR implements a copy button UI for code blocks across the documentation. It enhances user experience by allowing users to quickly copy code snippets with a single click. Additionally, minor updates were made to the mdx-components.js file to ensure proper integration with the new component.

What kind of change does this PR introduce?

1. Feature: Adds a reusable CodeBlockWithCopy component.
2. Docs integration: Updates MDX components to support the copy functionality.

Did you add tests for your changes?

1. No tests were added for this PR. Future updates may include unit tests and e2e for the copy functionality.

Does this PR introduce a breaking change?

1. No. Existing code blocks without the copy button will continue to function as before.

[vercel]

@Rajankannaujiya is attempting to deploy a commit to the OpenJS Foundation Team on Vercel.

A member of the Team first needs to authorize it.

[linux-foundation-easycla]

The committers listed above are authorized under a signed CLA.

• ✅ login: Rajankannaujiya / name: Rajan (1da6b56, 6b5fddd, d1b645e, dc4a4c3, f29e6e6)

[evenstensberg]

Hi @Rajankannaujiya nice work. Could you sign the CLA?

[Rajankannaujiya]

Hi @Rajankannaujiya nice work. Could you sign the CLA?

Thank you @evenstensberg , I have Signed the CLA.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
webpack-js-org	Ready	Preview	Comment	Nov 29, 2025 10:34pm

[evenstensberg]

@Rajankannaujiya could you add an example of a code snippet using copy button?

[Rajankannaujiya]

@Rajankannaujiya could you add an example of a code snippet using copy button?

@evenstensberg Could you tell me where I should write the example? I’m thinking of putting it in src/contents/concepts/output.mdx. Is that the right place?

[evenstensberg]

Just pick one code block you want and lets see if this pr is good or not

[Rajankannaujiya]

Just pick one code block you want and lets see if this pr is good or not

@evenstensberg I added an example of a code snippet using copy button in the src/contents/concepts/output.mdx file.

[evenstensberg]

Good stuff, thanks for the PR!

[Rajankannaujiya]

Good stuff, thanks for the PR!

Thank you! Glad to contribute to the webpack documentation