[FEATURE] Multi-Language i18n Support (English, Hindi, Spanish, French)

[knoxiboy]

Problem Statement

Users of the bio-waste platform (such as kitchen staff at hotels and processing plant operators) come from diverse background and often prefer working in their local languages (e.g., Hindi, Spanish, French). Currently, the platform is English-only.

Proposed Solution

Implement full i18n localization support:

1. Create a translation registry src/i18n.js containing dictionary mappings for English, Hindi, Spanish, and French.
2. Replace hardcoded strings in index.html and dashboards with dynamic translation keys.
3. Add a language selector dropdown in the header that updates user preferences in Appwrite/LocalStorage.
4. Verify layout formatting holds cleanly across languages with different text lengths.

Alternatives Considered

Using browser auto-translation, which can break layout styles and yield inaccurate medical or chemical translations for bio-waste categories.

Additional Context

Level: Intermediate
Affected Files: src/i18n.js (new), index.html, src/app.js

Can you please assign this issue to me? I would like to work on this.

[knoxiboy]

/assign gssoc
@Shruti070107 please assign this issue to me.....

[aaniya22]

pls assign this to me under gssoc