Internationalization (i18n) (#627)

* `feat: added internationalization lib, added english labels`
* `fixes from code review`
* `feat: add crowdin github actions`
* `fix: added support for i18n in testing. Fixed broken tests`
* `fix: missing translations`
* `removed unneded import`
* `more components updated with missing translations`
* `fixed lint issue`
* `Refactor: updated how translations are scoped, updated all references`
* `fixing broken tests`
* `feat: added language switcher, updated some translations`
* `fixed linting issues`
* `reverting vite config`
* `add english group id's to command palette`
* `updated PR template for i18n`

src/components/PageComponents/ModuleConfig/Audio.tsx

@@ -1,11 +1,13 @@
-import type { AudioValidation } from "@app/validation/moduleConfig/audio.tsx";
+import type { AudioValidation } from "@app/validation/moduleConfig/audio.ts";
 import { create } from "@bufbuild/protobuf";
 import { DynamicForm } from "@components/Form/DynamicForm.tsx";
 import { useDevice } from "@core/stores/deviceStore.ts";
 import { Protobuf } from "@meshtastic/core";
+import { useTranslation } from "react-i18next";
 
 export const Audio = () => {
   const { moduleConfig, setWorkingModuleConfig } = useDevice();
+  const { t } = useTranslation("moduleConfig");
 
   const onSubmit = (data: AudioValidation) => {
     setWorkingModuleConfig(
@@ -24,26 +26,26 @@ export const Audio = () => {
       defaultValues={moduleConfig.audio}
       fieldGroups={[
         {
-          label: "Audio Settings",
-          description: "Settings for the Audio module",
+          label: t("audio.title"),
+          description: t("audio.description"),
           fields: [
             {
               type: "toggle",
               name: "codec2Enabled",
-              label: "Codec 2 Enabled",
-              description: "Enable Codec 2 audio encoding",
+              label: t("audio.codec2Enabled.label"),
+              description: t("audio.codec2Enabled.description"),
             },
             {
               type: "number",
               name: "pttPin",
-              label: "PTT Pin",
-              description: "GPIO pin to use for PTT",
+              label: t("audio.pttPin.label"),
+              description: t("audio.pttPin.description"),
             },
             {
               type: "select",
               name: "bitrate",
-              label: "Bitrate",
-              description: "Bitrate to use for audio encoding",
+              label: t("audio.bitrate.label"),
+              description: t("audio.bitrate.description"),
               properties: {
                 enumValue:
                   Protobuf.ModuleConfig.ModuleConfig_AudioConfig_Audio_Baud,
@@ -52,26 +54,26 @@ export const Audio = () => {
             {
               type: "number",
               name: "i2sWs",
-              label: "i2S WS",
-              description: "GPIO pin to use for i2S WS",
+              label: t("audio.i2sWs.label"),
+              description: t("audio.i2sWs.description"),
             },
             {
               type: "number",
               name: "i2sSd",
-              label: "i2S SD",
-              description: "GPIO pin to use for i2S SD",
+              label: t("audio.i2sSd.label"),
+              description: t("audio.i2sSd.description"),
             },
             {
               type: "number",
               name: "i2sDin",
-              label: "i2S DIN",
-              description: "GPIO pin to use for i2S DIN",
+              label: t("audio.i2sDin.label"),
+              description: t("audio.i2sDin.description"),
             },
             {
               type: "number",
               name: "i2sSck",
-              label: "i2S SCK",
-              description: "GPIO pin to use for i2S SCK",
+              label: t("audio.i2sSck.label"),
+              description: t("audio.i2sSck.description"),
             },
           ],
         },