fix padding and margin table

src/pages/account/manage-account/ManageAccount.tsx

@@ -74,7 +74,7 @@ const ManageAccount = () => {
 
   return (
     <div>
-      <div className="container mx-auto p-5">
+      <div className="container mx-auto">
         <h1 className="text-xl font-medium leading-none text-gray-900 p-5">Manage Account</h1>
         <DataTable
           columns={columns}

src/pages/account/manage-currency/ManageCurrency.tsx

@@ -5,12 +5,13 @@ import AddDialog from './blocks/AddDialog';
 const ManageCurrency = () => {
   return (
     <ManageCurrencyContextProvider>
-      <Container>
+      <div className="container mx-auto">
+        <h1 className="text-xl font-medium leading-none text-gray-900 p-5">Manage Currency</h1>
         <div className="grid gap-5 lg:gap-7.5">
           <DataGridInner />
         </div>
         <AddDialog />
-      </Container>
+      </div>
     </ManageCurrencyContextProvider>
   );
 };

src/pages/account/manage-currency/hooks/ManageCurrencyContext.tsx

@@ -220,9 +220,6 @@ const ManageCurrencyContextProvider = ({ children }: { children: React.ReactNode
   console.log(currencies);
   return (
     <div>
-      <div className="container mx-auto py-5">
-        <h1>Manage Currency</h1>
-      </div>
       <ManageCurrencyContext.Provider
         value={{
           showEditDialog,