feat(storybook): add storybook-react-i18next addon

[TylerAPfledderer]

Description

Adds the storybook-react-i18next addon to the project storybook.

• Merges the namespace resources for each language under the default "translation" ns to easily access the ids without declaring a specific namespace
• Sets a default set of languages to test, plus the supported languages declared in the user's local .env
• Converts the storybook main.js file to TypeScript
• Converts the Storybook 'preview.js` file to storybook and updates the object per version 7 migration.

Related Issue

Discussion #9879

[gatsby-cloud]

✅ ethereum-org-website-dev deploy preview ready

• Deploy preview
• Build logs · 45m build time

[TylerAPfledderer]

@pettinarip at the time of this comment, regarding the file conflicts:

• .storybook/main.js: the new ts file needs the staticDirs: ["../static"] option
• .storybook/preview.js: the new ts file needs import "../static/fonts/inter-font-face.css"

[pettinarip]

Great addition @TylerAPfledderer

Would you mind if I add some translations to the existing stories in this PR?

[TylerAPfledderer]

Would you mind if I add some translations to the existing stories in this PR?

@pettinarip made the suggested changes. All good with me! 😄

[pettinarip]

FYI @TylerAPfledderer I ended up removing the "buildLangs" since it was adding too much languages to the SB which I don't think we really need right now. For testing purposes, the baseLocales are just enough and makes the build ligther. Later, if we consider that we need more langs we can add them.

[TylerAPfledderer]

FYI @TylerAPfledderer I ended up removing the "buildLangs" since it was adding too much languages to the SB which I don't think we really need right now. For testing purposes, the baseLocales are just enough and makes the build ligther. Later, if we consider that we need more langs we can add them.

@pettinarip I agree. All good with me! 😄