change design all page & component page booking and account & cleancode

components/register/index.js

@@ -6,7 +6,9 @@ const about = ['سوالات متداول', 'تماس با ما', 'درباره
 function RegisterPage({ children }) {
     return (
         <div
-            className="flex padding-responsive items-center justify-start sm:justify-start mt-[32px] sm:mt-[48px] md:mt-[64px] lg:mt-[80px] flex-col  h-[calc(100vh_-_80px)] w-full bg-banner-stroke !bg-bottom !bg-no-repeat !bg-cover"
+            className="flex padding-responsive items-center justify-start sm:justify-start pt-[32px] sm:pt-[48px] 
+            md:pt-[64px] lg:pt-[80px] overflow-auto flex-col h-screen w-full bg-banner-stroke !bg-bottom !bg-no-repeat !bg-cover
+            !pb-[calc(108px_+_50px)] md:!pb-[calc(111px_+_50px)]"
         >
             <Link href='/'>
                 <div className="flex items-center justify-center gap-[5px] sm:mt-0">
@@ -20,11 +22,14 @@ function RegisterPage({ children }) {
                 </div>
             </Link>
             {children}
-            <div className="fixed bottom-0 left-0 bg-[#FAFAFA] w-full mt-[127px] pb-[50px] px-[18px] sm:px-[67px] md:px[117px] lg:px-[166px]">
+            <div className="fixed bottom-0 left-0 bg-[#FAFAFA] w-full pb-[50px] px-[18px] sm:px-[67px] md:px[117px] lg:px-[166px]">
                 <div className="bg-border-t-gradient-sign h-px w-full"></div>
                 <div className="flex items-center justify-center gap-[32px] sm:gap-[40px] md:gap-[48px] lg:gap-[56px] mt-[36px]">
                     {about.map((item, idx) => (
-                        <Link href='/'>
+                        <Link
+                            href='/'
+                            key={idx}
+                        >
                             <p className="text-[#494CB3] text-[14px] md:text-[16px] font-normal" key={idx}>{item}</p>
                         </Link>
                     ))}