feat(ai): localize AI features

keep-notes/components/reminder-dialog.tsx

@@ -1,7 +1,10 @@
+'use client'
+
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog"
 import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
 import { useState, useEffect } from "react"
+import { useLanguage } from '@/lib/i18n'
 
 interface ReminderDialogProps {
   open: boolean
@@ -18,6 +21,7 @@ export function ReminderDialog({
   onSave, 
   onRemove 
 }: ReminderDialogProps) {
+  const { t } = useLanguage()
   const [reminderDate, setReminderDate] = useState('')
   const [reminderTime, setReminderTime] = useState('')
 
@@ -51,7 +55,6 @@ export function ReminderDialog({
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent
         onInteractOutside={(event) => {
-          // Prevent dialog from closing when interacting with Sonner toasts
           const target = event.target as HTMLElement;
 
           const isSonnerElement =
@@ -75,12 +78,12 @@ export function ReminderDialog({
         }}
       >
         <DialogHeader>
-          <DialogTitle>Set Reminder</DialogTitle>
+          <DialogTitle>{t('reminder.setReminder')}</DialogTitle>
         </DialogHeader>
         <div className="space-y-4 py-4">
           <div className="space-y-2">
             <label htmlFor="reminder-date" className="text-sm font-medium">
-              Date
+              {t('reminder.reminderDate')}
             </label>
             <Input
               id="reminder-date"
@@ -92,7 +95,7 @@ export function ReminderDialog({
           </div>
           <div className="space-y-2">
             <label htmlFor="reminder-time" className="text-sm font-medium">
-              Time
+              {t('reminder.reminderTime')}
             </label>
             <Input
               id="reminder-time"
@@ -107,16 +110,16 @@ export function ReminderDialog({
           <div>
             {currentReminder && (
               <Button variant="outline" onClick={() => { onRemove(); onOpenChange(false); }}>
-                Remove Reminder
+                {t('reminder.removeReminder')}
               </Button>
             )}
           </div>
           <div className="flex gap-2">
             <Button variant="ghost" onClick={() => onOpenChange(false)}>
-              Cancel
+              {t('reminder.cancel')}
             </Button>
             <Button onClick={handleSave}>
-              Set Reminder
+              {t('reminder.save')}
             </Button>
           </div>
         </div>