Add Multilanguage Support

[agmmnn]

Summary of Changes:

• On first extension installation, the browser's language is detected and the extension language is set accordingly. (If exist otherwise fallback to english)
• Created translation files with standart chrome localization format in _locales folder.
• Added Language Select UI and tabs on options page.
• Also dynamically import version from manifest in popup and options page.

Adding new language:

• Append the new language to the _locales/list.json file.
• Create a new folder with the language code (e.g., en) within the _locales directory.
• Inside the language folder, create a messages.json file containing translations for the new language.

Using i18n interface:

Using i18n interface in TypeScript/JavaScript and HTML files as demonstrated below:

• In TypeScript/JavaScript:

import { createTranslationProxy, getTranslation} from './util'

const langData = await getTranslation() //load translation data from file
const getString = createTranslationProxy(langData) //create i18n interface

getString('ext_description')
// Output: "Search for text on a webpage and replace it with different text."

• In HTML:

<!-- In your HTML file, use the data-locale attribute to localize elements: -->
<a class="nav-link" href="#type" data-locale="next_vs_all"></a>
// Output: Replace Next vs. Replace All

<!-- Include the localization script at the end of your HTML file -->
<script src="../help.js"></script>
</body>

// help.ts
import { localizeElements } from './util'

window.addEventListener('DOMContentLoaded', async function () {
	...
    // Localize HTML elements, this will automatically update elements containing the 'data-locale' attribute. 
    localizeElements(langData) // Add to end of the function
})

More About the i18n Interface:

// User's selected language is Spanish

// If key exist in language file:
getString('saved_rules') // Output: Reglas guardadas

// If the key doesnt exist in language file, but exist in fallback language "english":
getString('saved_rules') // Output: Saved Rules

// If the key also doesnt exist in fallback language file, it returns key itself:
getString('saved_rules') // Output: saved_rules

If there is any problem you can open a new Issue and tag me. 🙏

[forgetso]

LGTM