fix: missing i18n labels

apps/mcp-dockmaster/src/components/terms-consent-dialog.tsx

@@ -13,13 +13,15 @@ import { Label } from "./ui/label";
 import { termsOfServiceMarkdown } from "../constants/terms-of-service";
 import { saveUserConsent } from "../lib/localStorage";
 import { updateAnalyticsConsent } from "../lib/analytics";
+import { useTranslation } from "@mcp-dockmaster/i18n";
 
 interface TermsConsentDialogProps {
   open: boolean;
   onAccept: () => void;
 }
 
 export const TermsConsentDialog = ({ open, onAccept }: TermsConsentDialogProps) => {
+  const { t } = useTranslation();
   const [termsAccepted, setTermsAccepted] = useState(false);
   const [analyticsEnabled, setAnalyticsEnabled] = useState(true);
 
@@ -33,9 +35,9 @@ export const TermsConsentDialog = ({ open, onAccept }: TermsConsentDialogProps)
     <Dialog open={open} onOpenChange={() => {}}>
       <DialogContent className="max-w-3xl max-h-[80vh] flex flex-col">
         <DialogHeader>
-          <DialogTitle>Terms of Service & Privacy Settings</DialogTitle>
+          <DialogTitle>{t('terms_consent.title')}</DialogTitle>
           <DialogDescription>
-            Please review and accept our terms of service to continue using MCP Dockmaster.
+            {t('terms_consent.description')}
           </DialogDescription>
         </DialogHeader>
 
@@ -53,7 +55,7 @@ export const TermsConsentDialog = ({ open, onAccept }: TermsConsentDialogProps)
               onCheckedChange={setTermsAccepted} 
             />
             <Label htmlFor="terms" className="font-medium">
-              I accept the Terms of Service
+              {t('terms_consent.accept_terms')}
             </Label>
           </div>
 
@@ -64,7 +66,7 @@ export const TermsConsentDialog = ({ open, onAccept }: TermsConsentDialogProps)
               onCheckedChange={setAnalyticsEnabled} 
             />
             <Label htmlFor="analytics" className="font-medium">
-              Enable anonymous analytics to help improve the application
+              {t('terms_consent.enable_analytics')}
             </Label>
           </div>
         </div>
@@ -74,7 +76,7 @@ export const TermsConsentDialog = ({ open, onAccept }: TermsConsentDialogProps)
             onClick={handleAccept} 
             disabled={!termsAccepted}
           >
-            Continue
+            {t('common.continue')}
           </Button>
         </DialogFooter>
       </DialogContent>

apps/mcp-dockmaster/src/components/ui/dialog.tsx

@@ -1,6 +1,7 @@
 import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { XIcon } from "lucide-react";
+import { useTranslation } from "@mcp-dockmaster/i18n";
 
 import { cn } from "@/lib/utils";
 
@@ -49,6 +50,8 @@ function DialogContent({
   children,
   ...props
 }: React.ComponentProps<typeof DialogPrimitive.Content>) {
+  const { t } = useTranslation();
+
   return (
     <DialogPortal data-slot="dialog-portal">
       <DialogOverlay />
@@ -63,7 +66,7 @@ function DialogContent({
         {children}
         <DialogPrimitive.Close className="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4">
           <XIcon />
-          <span className="sr-only">Close</span>
+          <span className="sr-only">{t('ui.close')}</span>
         </DialogPrimitive.Close>
       </DialogPrimitive.Content>
     </DialogPortal>

apps/mcp-dockmaster/src/components/ui/sheet.tsx

@@ -1,6 +1,7 @@
 import * as React from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { XIcon } from "lucide-react";
+import { useTranslation } from "@mcp-dockmaster/i18n";
 
 import { cn } from "@/lib/utils";
 
@@ -50,6 +51,8 @@ function SheetContent({
 }: React.ComponentProps<typeof SheetPrimitive.Content> & {
   side?: "top" | "right" | "bottom" | "left";
 }) {
+  const { t } = useTranslation();
+
   return (
     <SheetPortal>
       <SheetOverlay />
@@ -72,7 +75,7 @@ function SheetContent({
         {children}
         <SheetPrimitive.Close className="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none">
           <XIcon className="size-4" />
-          <span className="sr-only">Close</span>
+          <span className="sr-only">{t('ui.close')}</span>
         </SheetPrimitive.Close>
       </SheetPrimitive.Content>
     </SheetPortal>