fix: review comments

Author: niloofar-deriv

src/components/AppFooter/AppFooter.scss

@@ -2,7 +2,7 @@
     height: 3.6rem;
     display: flex;
     flex-direction: row-reverse;
-    padding: 0 10px;
+    padding: 0 1rem;
     align-items: center;
     position: fixed;
     bottom: 0;
@@ -55,7 +55,7 @@
         }
 
         @include mobile {
-            margin-left: 12px;
+            margin-left: 1.2rem;
         }
     }
 

src/components/AppHeader/MobileMenu/BackButton.tsx

@@ -10,7 +10,7 @@ export const BackButton = ({ buttonText, onClick }: TBackButton) => {
     const { isMobile } = useDevice();
 
     return (
-        <button className='flex items-center w-full pt-[2rem] p-[3.2rem]' onClick={onClick}>
+        <button className='flex items-center w-full pt-8 p-[3.2rem]' onClick={onClick}>
             <LegacyChevronLeft1pxIcon iconSize='xs' />
 
             <Text className='ml-[1.6rem]' size={isMobile ? 'lg' : 'md'} weight='bold'>

src/components/AppHeader/MobileMenu/MenuContent.tsx

@@ -14,12 +14,12 @@ export const MenuContent = () => {
     return (
         <div className='flex flex-col h-full'>
             {!isSubmenuOpen && (
-                <div className='flex items-center justify-center h-[7.1rem] border-b border-[#f2f3f4]'>
+                <div className='flex items-center justify-center h-28 border-b border-[#f2f3f4]'>
                     <PlatformSwitcher />
                 </div>
             )}
 
-            <div className='relative h-full pt-[1rem]'>
+            <div className='relative h-full pt-4'>
                 {data.map((item, index) => (
                     <div className='pl-[4.8rem] pr-[1.6rem] border-b border-[#f2f3f4]' key={index}>
                         {item.map(({ LeftComponent, RightComponent, as, href, label, onClick, submenu }) => {

src/components/AppHeader/MobileMenu/index.tsx

@@ -59,7 +59,7 @@ export const MobileMenu = () => {
                     )}
                 </Drawer.Content>
 
-                <Drawer.Footer className='justify-center h-[4rem]'>
+                <Drawer.Footer className='justify-center h-16'>
                     <ServerTime />
                     <NetworkStatus />
                 </Drawer.Footer>