remove unnecessary code & enhance gray color over the app

src/pages/otp/page.tsx

@@ -7,6 +7,8 @@ import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useNavigate, useParams } from "react-router-dom";
 import { useConfirmOtpMutation, useSendOtpMutation } from "redux/api/auth";
+import { ProGray1 } from "ThemeConstants";
+import { ACCESS_TOKEN } from "utils/constants";
 
 export default function OtpPage() {
   const { id } = useParams();
@@ -41,11 +43,11 @@ export default function OtpPage() {
 
         <div>
           <ProTitle level={4}>{t("otp.verification")}</ProTitle>
-          <ProText style={{ color: "#3E3E3E" }}>
+          <ProText style={{ color: ProGray1 }}>
             {t("otp.enterThe4DigitCodeThatSentToYourPhoneNumber")}
           </ProText>
           <br />
-          <ProText style={{ color: "#3E3E3E" }}>
+          <ProText style={{ color: ProGray1 }}>
             {localStorage.getItem("otp")}
           </ProText>
         </div>
@@ -83,7 +85,7 @@ export default function OtpPage() {
                   "customer",
                   JSON.stringify(response.result.customer),
                 );
-                localStorage.setItem("token", response.result.access_token);
+                localStorage.setItem(ACCESS_TOKEN, response.result.access_token);
                 message.info(t("otp.confirmOTPSuccess"));
                 navigate(`/${id}/menu`);
               });