Add multi-lingual support

[vivek7156]

Issue Template

Description

I want to add multi-lingual support to the website for the understanding and convenience of world-wide users which will be essential for future development.

A clear and concise description of what the issue is. Include any relevant information such as version, environment, or conditions where the issue was observed.

Steps to implement

Please provide step-by-step instructions on how to reproduce the issue: -Identify all static text content. -Choose a suitable localization library or tool (e.g., i18next for React, vue-i18n for Vue). -Create language JSON files for each target language. -Replace static text with dynamic translation keys. -Test each supported language to ensure the translation displays correctly.

Expected Behavior

users should be able to switch languages easily, and text should update accordingly without errors.

Actual Behavior

Describe what actually happens when you follow the steps. It will change the text to whichever language the user choose

Screenshots

If applicable, add screenshots to help explain the issue.

Additional Context

Add any other context or information about the issue here.

[vivek7156]

(node:11180) [DEP0040] DeprecationWarning: The punycode module is deprecated. Please use a userland alternative instead. (Use node --trace-deprecation ... to show where the warning was created) what should I do about this?

[vivek7156]

Can i change the opacity of img in both login and signup page. It looks better this way. opacity-30

opacity-70

[vivek7156]

There is already multilingual support what do you expect me to do now?