chore

src/App.tsx

@@ -6,8 +6,8 @@ import { Spacer } from "./components/atoms/Spacer/index.js";
 import { PreviewSection } from "./components/features/previewSection/index.js";
 import { BottomAddSection } from "./components/atoms/icon/BottomAddSectionIcon/index.js";
 import { useViewControl } from "./hooks/useViewControl.js";
-import { SelectSeparateLevel } from "./components/features/selectSeparateLevel/index.js";
-import { SubContent } from "./layouts/SubContent/index.js";
+// import { SelectSeparateLevel } from "./components/features/selectSeparateLevel/index.js";
+// import { SubContent } from "./layouts/SubContent/index.js";
 import { useMarkdownContext } from "./context/MarkdownContext.js";
 
 export const App = () => {

src/layouts/Section/index.tsx

@@ -1,7 +1,5 @@
-import { ReactNode, FC } from "react";
-type Props = {
-	children: ReactNode;
-};
-export const Section: FC<Props> = ({ children }) => (
+import type { PropsWithChildren } from "react";
+
+export const Section = ({ children }: PropsWithChildren) => (
 	<div className="px-6 overflow-hidden">{children}</div>
 );