Enhance user verification and UI components

- Updated `auth-actions.ts` to improve user verification notification formatting and date handling.
- Modified `layout.tsx` to support dark mode styling for better user experience.
- Refactored `signup/page.tsx` to enhance layout and responsiveness.
- Introduced a new API route in `route.ts` for sending user verification notifications.
- Improved user feedback in `user-payments-table.tsx` by updating the no payment message.
- Made minor adjustments in `application-layout.tsx` for consistent padding.
- Enhanced `signup-form.tsx` to display error messages for invalid user validation.

These changes improve the user verification process, enhance UI consistency, and provide better feedback to users.

actions/auth-actions.ts

@@ -136,14 +136,17 @@ export async function signup(_actionState: ActionState, formData: FormData) {
 	if (!isValidPerson) {
 		await SendUserRejectionDetailSMS({
 			details: `
-			A new user has requested for verification.
-			USER DETAILS:
-			Name: ${parsedData.data.name}
-			Address: ${parsedData.data.address}
-			ID Card: ${parsedData.data.id_card}
-			DOB: ${parsedData.data.dob}
-			ACC No: ${parsedData.data.accNo}
-			Verify the user with the folloiwing link: ${process.env.BETTER_AUTH_URL}/users/${newUser.id}/verify
+			A new user has requested for verification. \n
+USER DETAILS:
+	Name: ${parsedData.data.name}
+	Address: ${parsedData.data.address}
+	ID Card: ${parsedData.data.id_card}
+	DOB: ${parsedData.data.dob.toLocaleDateString("en-US", {
+		month: "short",
+		day: "2-digit",
+		year: "numeric",
+	})}
+	ACC No: ${parsedData.data.accNo}\n\nVerify the user with the folloiwing link: ${process.env.BETTER_AUTH_URL}/users/${newUser.id}/verify
 			`,
 			phoneNumber: process.env.ADMIN_PHONENUMBER ?? "",
 		});