responsive sidebar and footer reponsive and home responsive

src/router/Main.tsx

@@ -18,13 +18,14 @@ import Wallet from '../pages/wallet/Wallet'
 import ReceiptsDetail from '../pages/receipts/Detail'
 import Profile from '../pages/profile/Profile'
 import OtherServices from '../pages/service/OtherServices'
+import Footer from '../shared/Footer'
 
 const MainRouter: FC = () => {
     return (
         <div className='p-4 overflow-hidden'>
             <SideBar />
             <Header />
-            <div className='flex-1 ms-[269px] mt-[81px]'>
+            <div className='flex-1 xl:ms-[269px] mt-[68px] xl:mt-[81px]'>
                 <div className={`overflow-auto w-[${window.innerWidth}] max-h-[calc(100vh-113px)]`}>
                     <div>
                         <Routes>
@@ -47,6 +48,7 @@ const MainRouter: FC = () => {
                     </div>
                 </div>
             </div>
+            <Footer />
         </div>
     )
 }