fix and update

apps/frontend/components/id/pin-lock-modal.tsx

@@ -4,7 +4,8 @@ import * as React from 'react';
 import { KeyRound } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog';
-import { Input } from '@/components/ui/input';
+import { PinInput } from '@/components/ui/pin-input';
+import { isPinInputComplete } from '@/lib/pin-input';
 
 interface PinLockModalProps {
   open: boolean;
@@ -39,20 +40,18 @@ export function PinLockModal({ open, isSubmitting, error, onSubmit }: PinLockMod
         </DialogHeader>
 
         <form onSubmit={handleSubmit} className="space-y-4">
-          <Input
+          <PinInput
             autoFocus
             className="h-[58px] text-center text-lg tracking-[0.4em]"
             placeholder="PIN"
             value={pin}
-            onChange={(event) => setPin(event.target.value)}
+            onChange={setPin}
             required
             minLength={4}
             maxLength={6}
-            inputMode="numeric"
-            autoComplete="one-time-code"
           />
           {error ? <p className="text-center text-sm text-red-600">{error}</p> : null}
-          <Button type="submit" size="lg" className="w-full rounded-[18px]" disabled={isSubmitting || pin.length < 4}>
+          <Button type="submit" size="lg" className="w-full rounded-[18px]" disabled={isSubmitting || !isPinInputComplete(pin)}>
             {isSubmitting ? 'Проверяем...' : 'Разблокировать'}
           </Button>
         </form>