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/UI/Footer.tsx

@@ -1,4 +1,5 @@
 import { cn } from "@core/utils/cn.ts";
+import { Trans } from "react-i18next";
 
 type FooterProps = {
   className?: string;
@@ -14,19 +15,23 @@ const Footer = ({ className, ...props }: FooterProps) => {
       {...props}
     >
       <p>
-        <a
-          href="https://vercel.com/?utm_source=meshtastic&utm_campaign=oss"
-          className="hover:underline text-link"
-        >
-          Powered by ▲ Vercel
-        </a>{" "}
-        | Meshtastic® is a registered trademark of Meshtastic LLC. |{" "}
-        <a
-          href="https://meshtastic.org/docs/legal"
-          className="hover:underline text-link"
-        >
-          Legal Information
-        </a>
+        <Trans
+          i18nKey="footer.text"
+          components={[
+            <a
+              key="vercel"
+              rel="noopener noreferrer"
+              href="https://vercel.com/?utm_source=meshtastic&utm_campaign=oss"
+              className="hover:underline text-link"
+            />,
+            <a
+              key="legal"
+              rel="noopener noreferrer"
+              href="https://meshtastic.org/docs/legal"
+              className="hover:underline text-link"
+            />,
+          ]}
+        />
       </p>
     </footer>
   );