render rename & delete modal

packages/app/src/components/Layout/BasicLayout.tsx

@@ -22,7 +22,10 @@ export const BasicLayout = ({ children, title, className }: Props): JSX.Element
   const ShortcutsModal = dynamic(() => import('../ShortcutsModal'), { ssr: false });
   const SystemVersion = dynamic(() => import('../SystemVersion'), { ssr: false });
   // Page modals
+  // const PageCreateModal = dynamic(() => import('../PageCreateModal'), { ssr: false });
   const PageDuplicateModal = dynamic(() => import('../PageDuplicateModal'), { ssr: false });
+  const PageDeleteModal = dynamic(() => import('../PageDeleteModal'), { ssr: false });
+  const PageRenameModal = dynamic(() => import('../PageRenameModal'), { ssr: false });
 
   return (
     <RawLayout title={title} className={className}>
@@ -40,8 +43,10 @@ export const BasicLayout = ({ children, title, className }: Props): JSX.Element
 
       <GrowiNavbarBottom />
 
-      {/* <PageCreateModal /> */}
+      {/* <PageCreateModal /> */} {/* Todo: render w/o depending on appContainer */}
       <PageDuplicateModal />
+      <PageDeleteModal />
+      <PageRenameModal />
       {/* <HotkeysManager /> */}
 
       <ShortcutsModal />