[Feature] - Web: Multi-Language support

[ani-ali]

Add support to multiple languages for users.

[ani-ali]

In our previous projects we are using multi-language support with this strategy

pages/
  [locale]/
    home.tsx
    about.tsx

for locale and identifying translations

and this will get locale from /en/about or /es/home so that it will identify which language it is using and set the text by that translation which is added in our locales folder

root/
  locales/
    en.json
    es.json

But....
in our ever-rec project we are not using /[locale]/ folder by default and by adding this folder we have to update imports and little fit folder structure in order to use

if we want to use translations we have to update our folder structure from this

to this

Which will have some issues for us that we have to manually update all those imports which exists in every route

Sir @evereq and @paradoxe35 Brother please share your thoughts and help me understand should this is the best approach or not.

Sir @evereq should I can start working on this

[evereq]

@Anishali2 can we use i18next and react-i18next libs please, we are using them across many projects, including https://github.com/ever-co/ever-teams/tree/develop/apps/web. And yes, we have [locale] folder there too https://github.com/ever-co/ever-teams/tree/develop/apps/web/app/%5Blocale%5D etc, so just check how it works in Ever Teams and do similar (but for now in older pages, not in new app structure)