Create a Notification component using the new figma design (direct link).

This issue is broken out of #5819

Read more about the Node.js Website redesign

Before You Start...

• Use the Contributor's Guide to learn how to setup your environment, run available commands, and construct proper commits.
• Review the technologies used when building the site, and why they were chosen.
• Review the component creation guide to follow our standards.
• ❗ Review the translation guide, especially how to add new keys.

Details

❓ Not sure where to start breaking down the figma? Read this short guide
🌐 This story requires some internationalization support. Slow down!

• Create a new directory called Notification within the Common directory that contains all the new code.
• For a period of 5 seconds (configurable via the Provider (see below)), show the Notification on the bottom right of the screen. Use the Toast radix component, which will need to be installed. Follow the the dependency guide.
• Use the hero-icon code-bracket. This is a slight variant of the Figma, as the icon in the design is not available. This functionality matches the "component" called Notification within the Figma
• Copied to clipboard! must be internationalized. Add a new key components.common.codebox.copied to the i18n/locales/en.json file. FormattedMessage from react-intl should be used to reference the key. Look for examples elsewhere in the codebase.
• Add a storybook story file components/common/Codebox/index.stories.tsx which exercises each of the component's states.
• Radix Toast requires a global Provider wrapper around the entire application. This will need to be present in the storybooks too https://www.radix-ui.com/primitives/docs/components/toast#provider either as a new file within https://github.com/nodejs/nodejs.org/tree/main/providers and/or simply wrapped within https://github.com/nodejs/nodejs.org/blob/main/.storybook/preview.tsx for now

There are 2 states to capture within styles and stories:

• Light
• Dark