forgot password in login page and account info implemented, sms.ir service works fine with sandbox key.

frontend/src/components/ui/shared/Input.tsx

@@ -1,5 +1,6 @@
-// src/components/ui/Input.tsx
-import React, { forwardRef } from 'react';
+'use client';
+
+import React, { forwardRef, useId } from 'react';
 
 interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
   label?: string;
@@ -9,8 +10,8 @@ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
 
 export const Input = forwardRef<HTMLInputElement, InputProps>(
   ({ label, error, icon, className = '', id, ...props }, ref) => {
-    const inputId =
-      id || `input-${Math.random().toString(36).slice(2, 9)}`;
+    const genId = useId();
+    const inputId = id ?? genId;
 
     return (
       <div className="w-full">