diff --git a/src/pages/user/login/__snapshots__/login.test.tsx.snap b/src/pages/user/login/__snapshots__/login.test.tsx.snap
index a9134557..dd02b8ad 100644
--- a/src/pages/user/login/__snapshots__/login.test.tsx.snap
+++ b/src/pages/user/login/__snapshots__/login.test.tsx.snap
@@ -1,9 +1,9 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`Login Page should login success 1`] = `
 <DocumentFragment>
   <div
-    class="ant-app css-var-«r7»"
+    class="ant-app css-var-_r_7_"
   >
     <div
       class="acss-trkbkn"
@@ -77,14 +77,14 @@ exports[`Login Page should login success 1`] = `
           >
             <form
               autocomplete="off"
-              class="ant-form ant-form-vertical css-var-«r7» ant-form-css-var ant-pro-form"
+              class="ant-form ant-form-vertical css-var-_r_7_ ant-form-css-var ant-pro-form"
             >
               <input
                 style="display: none;"
                 type="text"
               />
               <div
-                class="ant-tabs ant-tabs-top ant-tabs-centered css-var-«r7» ant-tabs-css-var"
+                class="ant-tabs ant-tabs-top ant-tabs-centered css-var-_r_7_ ant-tabs-css-var"
               >
                 <div
                   aria-orientation="horizontal"
@@ -186,13 +186,13 @@ exports[`Login Page should login success 1`] = `
                 </div>
               </div>
               <div
-                class="ant-form-item css-var-«r7» ant-form-css-var ant-form-item-has-success"
+                class="ant-form-item css-var-_r_7_ ant-form-css-var ant-form-item-has-success ant-form-item-vertical"
               >
                 <div
-                  class="ant-row ant-form-item-row css-var-«r7»"
+                  class="ant-row ant-form-item-row css-var-_r_7_"
                 >
                   <div
-                    class="ant-col ant-form-item-control css-var-«r7»"
+                    class="ant-col ant-form-item-control css-var-_r_7_"
                   >
                     <div
                       class="ant-form-item-control-input"
@@ -201,7 +201,7 @@ exports[`Login Page should login success 1`] = `
                         class="ant-form-item-control-input-content"
                       >
                         <span
-                          class="ant-input-affix-wrapper ant-input-affix-wrapper-lg ant-input-outlined ant-input-status-success css-var-«r7» ant-input-css-var"
+                          class="ant-input-affix-wrapper ant-input-affix-wrapper-lg ant-input-outlined ant-input-status-success css-var-_r_7_ ant-input-css-var"
                         >
                           <span
                             class="ant-input-prefix"
@@ -270,13 +270,13 @@ exports[`Login Page should login success 1`] = `
                 </div>
               </div>
               <div
-                class="ant-form-item css-var-«r7» ant-form-css-var ant-form-item-has-success"
+                class="ant-form-item css-var-_r_7_ ant-form-css-var ant-form-item-has-success ant-form-item-vertical"
               >
                 <div
-                  class="ant-row ant-form-item-row css-var-«r7»"
+                  class="ant-row ant-form-item-row css-var-_r_7_"
                 >
                   <div
-                    class="ant-col ant-form-item-control css-var-«r7»"
+                    class="ant-col ant-form-item-control css-var-_r_7_"
                   >
                     <div
                       class="ant-form-item-control-input"
@@ -285,7 +285,7 @@ exports[`Login Page should login success 1`] = `
                         class="ant-form-item-control-input-content"
                       >
                         <span
-                          class="ant-input-affix-wrapper ant-input-affix-wrapper-lg ant-input-outlined ant-input-status-success ant-input-password ant-input-password-large css-var-«r7» ant-input-css-var"
+                          class="ant-input-affix-wrapper ant-input-affix-wrapper-lg ant-input-outlined ant-input-status-success ant-input-password ant-input-password-large css-var-_r_7_ ant-input-css-var"
                         >
                           <span
                             class="ant-input-prefix"
@@ -354,7 +354,7 @@ exports[`Login Page should login success 1`] = `
                 style="margin-bottom: 24px;"
               >
                 <label
-                  class="ant-checkbox-wrapper ant-checkbox-wrapper-checked css-var-«r7» ant-checkbox-css-var"
+                  class="ant-checkbox-wrapper ant-checkbox-wrapper-checked css-var-_r_7_ ant-checkbox-css-var"
                 >
                   <span
                     class="ant-checkbox ant-wave-target ant-checkbox-checked"
@@ -382,10 +382,33 @@ exports[`Login Page should login success 1`] = `
                 </a>
               </div>
               <button
-                class="ant-btn css-var-«r7» ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-lg"
+                class="ant-btn css-var-_r_7_ ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-lg ant-btn-loading"
                 style="width: 100%;"
                 type="button"
               >
+                <span
+                  class="ant-btn-icon ant-btn-loading-icon"
+                >
+                  <span
+                    aria-label="loading"
+                    class="anticon anticon-loading anticon-spin"
+                    role="img"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      data-icon="loading"
+                      fill="currentColor"
+                      focusable="false"
+                      height="1em"
+                      viewBox="0 0 1024 1024"
+                      width="1em"
+                    >
+                      <path
+                        d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+                      />
+                    </svg>
+                  </span>
+                </span>
                 <span>
                   Login
                 </span>
@@ -458,7 +481,7 @@ exports[`Login Page should login success 1`] = `
         </div>
       </div>
       <footer
-        class="ant-layout-footer css-var-«r7»"
+        class="ant-layout-footer css-var-_r_7_"
         style="padding: 0px; background: none;"
       >
         <div
@@ -547,7 +570,7 @@ exports[`Login Page should login success 1`] = `
 exports[`Login Page should show login form 1`] = `
 <DocumentFragment>
   <div
-    class="ant-app css-var-«r0»"
+    class="ant-app css-var-_r_0_"
   >
     <div
       class="acss-trkbkn"
@@ -621,14 +644,14 @@ exports[`Login Page should show login form 1`] = `
           >
             <form
               autocomplete="off"
-              class="ant-form ant-form-vertical css-var-«r0» ant-form-css-var ant-pro-form"
+              class="ant-form ant-form-vertical css-var-_r_0_ ant-form-css-var ant-pro-form"
             >
               <input
                 style="display: none;"
                 type="text"
               />
               <div
-                class="ant-tabs ant-tabs-top ant-tabs-centered css-var-«r0» ant-tabs-css-var"
+                class="ant-tabs ant-tabs-top ant-tabs-centered css-var-_r_0_ ant-tabs-css-var"
               >
                 <div
                   aria-orientation="horizontal"
@@ -730,13 +753,13 @@ exports[`Login Page should show login form 1`] = `
                 </div>
               </div>
               <div
-                class="ant-form-item css-var-«r0» ant-form-css-var"
+                class="ant-form-item css-var-_r_0_ ant-form-css-var ant-form-item-vertical"
               >
                 <div
-                  class="ant-row ant-form-item-row css-var-«r0»"
+                  class="ant-row ant-form-item-row css-var-_r_0_"
                 >
                   <div
-                    class="ant-col ant-form-item-control css-var-«r0»"
+                    class="ant-col ant-form-item-control css-var-_r_0_"
                   >
                     <div
                       class="ant-form-item-control-input"
@@ -745,7 +768,7 @@ exports[`Login Page should show login form 1`] = `
                         class="ant-form-item-control-input-content"
                       >
                         <span
-                          class="ant-input-affix-wrapper ant-input-affix-wrapper-lg ant-input-outlined css-var-«r0» ant-input-css-var"
+                          class="ant-input-affix-wrapper ant-input-affix-wrapper-lg ant-input-outlined css-var-_r_0_ ant-input-css-var"
                         >
                           <span
                             class="ant-input-prefix"
@@ -814,13 +837,13 @@ exports[`Login Page should show login form 1`] = `
                 </div>
               </div>
               <div
-                class="ant-form-item css-var-«r0» ant-form-css-var"
+                class="ant-form-item css-var-_r_0_ ant-form-css-var ant-form-item-vertical"
               >
                 <div
-                  class="ant-row ant-form-item-row css-var-«r0»"
+                  class="ant-row ant-form-item-row css-var-_r_0_"
                 >
                   <div
-                    class="ant-col ant-form-item-control css-var-«r0»"
+                    class="ant-col ant-form-item-control css-var-_r_0_"
                   >
                     <div
                       class="ant-form-item-control-input"
@@ -829,7 +852,7 @@ exports[`Login Page should show login form 1`] = `
                         class="ant-form-item-control-input-content"
                       >
                         <span
-                          class="ant-input-affix-wrapper ant-input-affix-wrapper-lg ant-input-outlined ant-input-password ant-input-password-large css-var-«r0» ant-input-css-var"
+                          class="ant-input-affix-wrapper ant-input-affix-wrapper-lg ant-input-outlined ant-input-password ant-input-password-large css-var-_r_0_ ant-input-css-var"
                         >
                           <span
                             class="ant-input-prefix"
@@ -897,7 +920,7 @@ exports[`Login Page should show login form 1`] = `
                 style="margin-bottom: 24px;"
               >
                 <label
-                  class="ant-checkbox-wrapper ant-checkbox-wrapper-checked css-var-«r0» ant-checkbox-css-var"
+                  class="ant-checkbox-wrapper ant-checkbox-wrapper-checked css-var-_r_0_ ant-checkbox-css-var"
                 >
                   <span
                     class="ant-checkbox ant-wave-target ant-checkbox-checked"
@@ -925,7 +948,7 @@ exports[`Login Page should show login form 1`] = `
                 </a>
               </div>
               <button
-                class="ant-btn css-var-«r0» ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-lg"
+                class="ant-btn css-var-_r_0_ ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-lg"
                 style="width: 100%;"
                 type="button"
               >
@@ -1001,7 +1024,7 @@ exports[`Login Page should show login form 1`] = `
         </div>
       </div>
       <footer
-        class="ant-layout-footer css-var-«r0»"
+        class="ant-layout-footer css-var-_r_0_"
         style="padding: 0px; background: none;"
       >
         <div