docs: improve nextjs docs

Author: YousefED

docs/pages/docs/advanced/nextjs.mdx

@@ -8,7 +8,7 @@ imageTitle: Next.js and BlockNote
 
 BlockNote is a component that should only be rendered client-side (and not on the server). If you're using Next.js, you need to make sure that Next.js does not try to render BlockNote as a server-side component.
 
-Make sure to use BlockNote in a [Client Component](https://nextjs.org/docs/getting-started/react-essentials#client-components). You can do this by creating a separate file for your component (**make sure this sits outside of your `pages` or `app` directory**), and starting that with `"use client";` [directive](https://react.dev/reference/react/use-client):
+Make sure to use BlockNote in a [Client Component](https://nextjs.org/docs/getting-started/react-essentials#client-components). You can do this by creating a separate file for your component (**make sure this sits outside of your `pages` or `app` directory, for example `components/Editor.tsx`**), and starting that with `"use client";` [directive](https://react.dev/reference/react/use-client):
 
 ```typescript jsx
 "use client"; // this registers <Editor> as a Client Component
@@ -36,7 +36,7 @@ You can import the component we just created above using `next/dynamic` in your
 ```typescript jsx
 import dynamic from "next/dynamic";
 
-const Editor = dynamic(() => import("./editor"), { ssr: false });
+const Editor = dynamic(() => import("../components/Editor"), { ssr: false });
 
 function App() {
   return (