add menu transaction

src/pages/menu/manage-menu/hooks/ManageMenusContext.tsx

@@ -250,7 +250,7 @@ const ManageMenusContextProvider = ({ children }: { children: React.ReactNode })
 
       <DataGridProvider
         columns={columns}
-        pagination={{ size: 25 }}
+        pagination={{ size: 30 }}
         toolbar={<ListToolbar />}
         layout={{ card: true }}
         sorting={[{ id: 'id', desc: false }]}

src/pages/transaction/transaction.tsx

@@ -0,0 +1,12 @@
+const Transaction = () => {
+    return (
+      <div>
+        <div className="container mx-auto p-5">
+          <h1 className="text-xl font-medium leading-none text-gray-900">Transaction</h1>
+        </div>
+      </div>
+    );
+  };
+  
+  export default Transaction;
+  

src/routing/AppRoutingSetup.tsx

@@ -33,6 +33,7 @@ import Municipios from '@/pages/master/municipios/Municipios';
 import ProfessionMaster from '@/pages/master/profession/ProfessionMaster';
 import ProductsMaster from '@/pages/master/products/ProductsMaster';
 import ProviderMaster from '@/pages/master/provider/ProviderMaster';
+import Transaction from '@/pages/transaction/transaction';
 
 const AppRoutingSetup = (): ReactElement => {
   return (
@@ -75,6 +76,7 @@ const AppRoutingSetup = (): ReactElement => {
           <Route path="/menu/menu-category" element={<MenuCategory />} />
           <Route path="/menu/menu-management" element={<ManageMenu />} />
           <Route path="/menu/welcome" element={<Welcome />} />
+          <Route path="/transaction" element={<Transaction />} />
 
           <Route path="/message/inbox" element={<Inbox />} />