refactor: more use cases with useToggle

src/features/auth/components/AuthFormWrapper.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 // import LoadingOverlay from '@/components/overlays/LoadingOverlay';
 import React from 'react'
 

src/features/auth/components/StepEnterOtp.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import Button from '@/components/button/PrimaryButton';
 import OTPInputField from '@/components/input/MultiInputField';
 import { AUTH_PAGE_ELEMENT, AUTH_PAGE_ELEMENT as AUTH_PAGE_ELEMENTS } from '@/enums';

src/features/auth/components/StepEnterPassword.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import Button from '@/components/button/PrimaryButton';
 import { EyeToggleIcon } from '@/components/icons/EyeToggleIcon';
 import InputField from '@/components/input/InputField';

src/features/auth/components/StepNewPassword.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import Button from '@/components/button/PrimaryButton';
 import { EyeToggleIcon } from '@/components/icons/EyeToggleIcon';
 import InputField from '@/components/input/InputField';