Enhance user verification and data validation features

- Updated `next.config.ts` to include remote image patterns for user verification.
- Introduced `VerifyUserDetails` function in `lib/person.ts` to validate user data against national records.
- Added `usePerson` hook for fetching national data based on ID card.
- Enhanced `signup` and `signin` functions in `auth-actions.ts` to handle user verification status and send notifications for pending verifications.
- Refactored `VerifyUser` function in `user-actions.ts` to incorporate national data validation.
- Improved UI components in the user verification page to display both database and national information.
- Updated `InputReadOnly` component to support customizable label classes for better styling.

These changes improve the user verification process, ensuring data integrity and enhancing the overall user experience.

components/user/user-verify-dialog.tsx

@@ -61,9 +61,9 @@ export function UserVerifyDialog({ user }: { user: User }) {
 									setDisabled(false);
 									return "User Verified!";
 								},
-								error: () => {
+								error: (error: Error) => {
 									setDisabled(false);
-									return "Something went wrong";
+									return error.message || "Something went wrong";
 								},
 							});
 						}}