added hindi and english language to the instrustion and inputform

[ananyajain10]

Fixes #157

Summary

The method changes the application's locale dynamically using Vue's $i18n instance based on the selected language.
This change allows users to dynamically switch the language of the instruction page, improving the application's multilingual support.

Test Plan

• Test Responsiveness
  • Laptop (1200px)
  • Tablet (760px)
  • Phone (320px)
• Cross-Browser Testing
  • Chrome
  • Firefox
• Local Language Support
• Hygiene and Housekeeping
  • Self-review
  • Comments have been added appropriately
  • Check for bundle size here if adding a package
  • Added relevant details like Labels/Projects/Milestones etc.
  • If adding or removing any environment variable, update docs/ENV.md, .env.example and the Github workflows.
• Testing
  • Wrote tests
  • Tested locally
  • Tested on staging
  • Tested on an actual physical phone
  • Tested on production
• Lighthouse Checks
  • Images have alt attributes
  • Any <img> tags have width and height specified
  • Any target="_blank" links have rel="noopener"
  • Only SVGs are used as images. If PNGs are used, their size has been optimised.
  • Any SVG buttons without text have their aria-label attributes set

[VedantKhairnar]

Hello @suryabulusu
Will you pls review this PR?
Thanks.

[suryabulusu]

@ananyajain10 Sorry, but these are not the instructions i was looking for. i should have referred to InstructionPage.vue specifically in the Issue.

We do not use FormInput or FormResults in Quiz Engine anymore.

But the structure seems mostly correct so it shouldn't take long to make these changes for InstructionPage.vue

Another suggestion: locales folder can have more meaningful file names instead of just en.json and hi.json

[ananyajain10]

@ananyajain10 Sorry, but these are not the instructions i was looking for. i should have referred to InstructionPage.vue specifically in the Issue.

We do not use FormInput or FormResults in Quiz Engine anymore.

But the structure seems mostly correct so it shouldn't take long to make these changes for InstructionPage.vue

Another suggestion: locales folder can have more meaningful file names instead of just en.json and hi.json

General Instructions section multilingual support for InstructionPage.vue
Please check if the required changes are met.
Thank You

[suryabulusu]

It seems you have not pushed any of the changes @ananyajain10

[ananyajain10]

It seems you have not pushed any of the changes @ananyajain10

I was waiting for you to let me know if these are the required changes.

[ananyajain10]

@suryabulusu
Required changes are done. Please review.

[suryabulusu]

@ananyajain10 left more comments and made some changes. can you take a pull of the changes i made and fix few things? we can merge then.

[suryabulusu]

looks great. made some more changes. merging soon. thanks @ananyajain10!