feat : user can login with user name..

fix: username should be one special  character and one alphabet.

src/app/(main)/settings/layout.tsx

@@ -20,7 +20,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
         { label: "Change Login Password", href: "/settings/change_login_password" },
         { label: "Change transaction Password", href: "/settings/change_txn_password" },
         { label: "Set transaction Password", href: "/settings/set_txn_password" },
-        { label: "Preferred Name", href: "/settings/user_id" },
+        { label: "Preferred Name", href: "/settings/user_name" },
     ];
     useEffect(() => {
         const token = localStorage.getItem("access_token");

src/app/(main)/settings/user_name/page.tsx

@@ -32,13 +32,13 @@ export default function SetPreferredNameSimple() {
 
   const icon = <IconUser size={18} stroke={1.5} />;
 
-  // 🟢 Fetch name + generate captcha on mount
+  // Fetch name + generate captcha on mount
   useEffect(() => {
     checkPreferredName();
     regenerateCaptcha();
   }, []);
 
-  // 🟢 OTP timer
+  // OTP timer
   useEffect(() => {
     let interval: number | undefined;
     if (timerActive && countdown > 0) {
@@ -55,7 +55,7 @@ export default function SetPreferredNameSimple() {
     };
   }, [timerActive, countdown]);
 
-  // 🟢 API: Fetch preferred name
+  // API: Fetch preferred name
   async function checkPreferredName() {
     try {
       const token = localStorage.getItem("access_token");
@@ -77,20 +77,23 @@ export default function SetPreferredNameSimple() {
     }
   }
 
-  // 🟢 Captcha
+  // Captcha
   const regenerateCaptcha = async () => {
     const newCaptcha = await generateCaptcha();
     setCaptcha(newCaptcha);
     setCaptchaInput("");
   };
 
-  // 🟢 Live Validation (kept from your previous version)
   function onPreferredNameChange(value: string) {
     const sanitized = value.replace(/[^A-Za-z0-9@_]/g, "").slice(0, 11);
     setPreferredName(sanitized);
 
     if (sanitized.length > 0 && (sanitized.length < 5 || sanitized.length > 11)) {
       setPreferredNameError("Preferred Name must be 5–11 characters.");
+    } else if (!/[A-Za-z]/.test(sanitized)) {
+      setPreferredNameError("Preferred Name must contain at least one letter.");
+    } else if (!/[@_]/.test(sanitized)) {
+      setPreferredNameError("Preferred Name must contain at least one special character (@ or _).");
     } else {
       setPreferredNameError(null);
     }
@@ -107,7 +110,7 @@ export default function SetPreferredNameSimple() {
     }
   }
 
-  // 🟢 OTP
+  // OTP
   async function handleSendOtp() {
     try {
       await sendOtp({ type: "USERNAME_UPDATED" });
@@ -147,7 +150,7 @@ export default function SetPreferredNameSimple() {
     }
   }
 
-  // 🟢 Update Preferred Name API
+  // Update Preferred Name API
   async function handleUpdatePreferredName() {
     const token = localStorage.getItem("access_token");
     if (!token) {
@@ -199,7 +202,7 @@ export default function SetPreferredNameSimple() {
     regenerateCaptcha();
   };
 
-  // 🟢 Main Submit
+  // Main Submit
   const handleSubmit = async () => {
     if (step === "form") {
       if (!preferredName || !confirmName || !captchaInput) {
@@ -210,6 +213,14 @@ export default function SetPreferredNameSimple() {
         });
         return;
       }
+      if(preferredName !== confirmName){
+         notifications.show({
+          title: "Mismatch Input",
+          message: "Preferred name and Confirm preferred name not same.",
+          color: "red",
+        });
+        return;
+      }
 
       if (preferredNameError || confirmNameError) {
         notifications.show({
@@ -286,7 +297,11 @@ export default function SetPreferredNameSimple() {
             mb="xs"
             rightSection={icon}
             readOnly={step !== "form"}
+            onCopy={(e) => e.preventDefault()}
+            onPaste={(e) => e.preventDefault()}
+            onCut={(e) => e.preventDefault()}
             error={confirmNameError || undefined}
+
           />
         </Group>
 
@@ -396,6 +411,10 @@ export default function SetPreferredNameSimple() {
         <List.Item>
           You can change your username a maximum of 5 times.
         </List.Item>
+        <List.Item>
+          Preferred Name must contain at least one alphabet and one special character (@ or _).
+        </List.Item>
+
       </List>
 
     </Paper>