update missing translations

client/ui/frontend/src/components/dialog/Dialog.tsx

@@ -2,6 +2,7 @@ import { forwardRef, ComponentPropsWithoutRef, ElementRef, HTMLAttributes } from
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
 import { X } from "lucide-react";
+import { useTranslation } from "react-i18next";
 import { cn } from "@/lib/cn";
 
 export const Root = DialogPrimitive.Root;
@@ -36,6 +37,7 @@ export const Content = forwardRef<ElementRef<typeof DialogPrimitive.Content>, Co
         { className, children, showClose = true, maxWidthClass = "max-w-md", ...props },
         ref,
     ) {
+        const { t } = useTranslation();
         return (
             <DialogPrimitive.Portal>
                 <Overlay>
@@ -67,7 +69,7 @@ export const Content = forwardRef<ElementRef<typeof DialogPrimitive.Content>, Co
                                     "text-nb-gray-300 hover:text-nb-gray-100",
                                     "focus:outline-none disabled:pointer-events-none",
                                 )}
-                                aria-label="Close"
+                                aria-label={t("common.close")}
                             >
                                 <X className="h-4 w-4" />
                             </DialogPrimitive.Close>

client/ui/frontend/src/components/inputs/Input.tsx

@@ -1,6 +1,7 @@
 import { cva, VariantProps } from "class-variance-authority";
 import { Check, ChevronDown, ChevronUp, Copy, Eye, EyeOff } from "lucide-react";
 import { forwardRef, InputHTMLAttributes, ReactNode, useId, useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
 import { cn } from "@/lib/cn";
 import { Label } from "@/components/typography/Label";
 
@@ -71,6 +72,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(function Input(
     },
     ref,
 ) {
+    const { t } = useTranslation();
     const [showPassword, setShowPassword] = useState(false);
     const [copied, setCopied] = useState(false);
     const isPasswordType = type === "password";
@@ -112,7 +114,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(function Input(
                 type="button"
                 onClick={() => setShowPassword((s) => !s)}
                 className="hover:text-white transition-all pointer-events-auto"
-                aria-label="Toggle password visibility"
+                aria-label={t("common.togglePasswordVisibility")}
             >
                 {showPassword ? <EyeOff size={18} /> : <Eye size={18} />}
             </button>
@@ -135,7 +137,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(function Input(
             type="button"
             onClick={onCopy}
             className="hover:text-white transition-all pointer-events-auto"
-            aria-label="Copy"
+            aria-label={t("common.copy")}
         >
             {copied ? <Check size={16} /> : <Copy size={16} />}
         </button>
@@ -226,7 +228,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(function Input(
                         <button
                             type="button"
                             tabIndex={-1}
-                            aria-label="Increase"
+                            aria-label={t("common.increase")}
                             onClick={() => stepBy(1)}
                             className="flex-1 flex items-center justify-center w-9 hover:bg-nb-gray-800 transition-colors text-nb-gray-300 cursor-default"
                         >
@@ -235,7 +237,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(function Input(
                         <button
                             type="button"
                             tabIndex={-1}
-                            aria-label="Decrease"
+                            aria-label={t("common.decrease")}
                             onClick={() => stepBy(-1)}
                             className={cn(
                                 "flex-1 flex items-center justify-center w-9 hover:bg-nb-gray-800 transition-colors text-nb-gray-300 cursor-default",

client/ui/frontend/src/modules/settings/SettingsNetwork.tsx

@@ -46,8 +46,8 @@ export function SettingsNetwork() {
                 <FancyToggleSwitch
                     value={!config.disableIpv6}
                     onChange={(v) => setField("disableIpv6", !v)}
-                    label={"Enable IPv6"}
-                    helpText={"Use IPv6 addressing for the NetBird overlay network."}
+                    label={t("settings.network.ipv6.label")}
+                    helpText={t("settings.network.ipv6.help")}
                 />
             </SectionGroup>
         </>