Add germanm support

src/i18n/i18n.ts

@@ -4,12 +4,13 @@ import LanguageDetector from "i18next-browser-languagedetector";
 
 import enTranslation from "../locales/en/translation.json";
 import zhTranslation from "../locales/zh/translation.json";
+import deTranslation from "../locales/de/translation.json";
 
 i18n
   .use(LanguageDetector)
   .use(initReactI18next)
   .init({
-    supportedLngs: ["en", "zh"],
+    supportedLngs: ["en", "zh", "de"],
     fallbackLng: "en",
     debug: false,
 
@@ -28,6 +29,9 @@ i18n
       zh: {
         translation: zhTranslation,
       },
+      de: {
+        translation: deTranslation,
+      },
     },
 
     interpolation: {

src/ui/Desktop/Homepage/DragIndicator.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { cn } from "@/lib/utils";
+import { cn } from "@/lib/utils.ts";
 import { useTranslation } from "react-i18next";
 import {
   Download,

src/ui/Desktop/User/LanguageSwitcher.tsx

@@ -12,6 +12,7 @@ import { Globe } from "lucide-react";
 const languages = [
   { code: "en", name: "English", nativeName: "English" },
   { code: "zh", name: "Chinese", nativeName: "中文" },
+  { code: "de", name: "German", nativeName: "Deutsch" },
 ];
 
 export function LanguageSwitcher() {