add crud manage menus

src/pages/menu/manage-menu/ManageMenu.tsx

@@ -1,10 +1,22 @@
+import { Container, DataGridInner } from '@/components';
+import { ManageMenusContextProvider } from './hooks/ManageMenusContext';
+import AddDialog from './blocks/AddDIalog';
+import EditDialog from './blocks/EditDialog';
+import DeleteDialog from './blocks/DeleteDialog';
+
 const ManageMenu = () => {
   return (
-    <div>
-      <div className="container mx-auto p-5">
-        <h1 className="text-xl font-medium leading-none text-gray-900">Manage Menu</h1>
-      </div>
-    </div>
+    <ManageMenusContextProvider>
+      <Container>
+        <h1 className="text-xl font-medium leading-none text-gray-900 mb-5">Manage Menus</h1>
+        <div className="grid gap-5 lg:gap-7.5">
+          <DataGridInner />
+        </div>
+        <AddDialog />
+        <EditDialog />
+        <DeleteDialog />
+      </Container>
+    </ManageMenusContextProvider>
   );
 };