❇️ RZA-250110: i18n Implementation in Astro

[Chebaleomkar]

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like

We need to add i18n (internationalization) support to the Astro project so the website can support multiple languages.

✅ Requirements:

• Use a suitable i18n library or Astro plugin (e.g., astro-i18n or @astrojs/i18n).
• Set up basic language switching (at least English and one more language, like Hindi or Gujarati bcz users are from surat).
• Automatically detect or default to a language based on the user's browser .
• All visible text should be translatable using message files (e.g., en.json, hi.json).
• Use LocalStorage to keep the state of user preferreed language so next time user comes the laguage will be in sync with it.

Goals:

• Show content in the user's selected language ( english | Hindi | Gujarati).
• Add a simple language switcher in the UI in the header.
• After page navigation the language should be sync with the whole WebApp.

📚 Resources :

• Astor i18n docs : https://docs.astro.build/en/recipes/i18n/
• Medium doc on i18n Astro (v5) : https://medium.com/@paul.pietzko/internationalization-i18n-in-astro-5-78281827d4b4

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

[recursivezero]

implement i18n in Zodiac page where currently we have separate page for hindi and englisg zodial

[Rupesh-Rathore]

Implemented i18n using Astro's built in i18n feature.
Already created a blog on how to implement the feature on abcdkbd.com.