fix: replace readItem with readItems to match usage

[erwan-legoff]

The code was importing readItem from @directus/sdk but calling readItems, which caused a not found error. Replaced the import with readItems to ensure the method used is actually imported.
It fixes my error when coding.

[vercel]

@erwan-legoff is attempting to deploy a commit to the Directus Team on Vercel.

A member of the Team first needs to authorize it.

[erwan-legoff]

After another try, this doesn't seem to work fine neither, always returning the first parge. But this worls :
`import directus from '@/lib/directus';
import { notFound } from 'next/navigation';
import { readItems } from '@directus/sdk';

async function getPage(slug) {
try {
const pages = await directus.request(readItems('pages', {
filter: { slug: { _eq: slug } },
}));
return pages[0];
} catch (error) {
notFound();
}
}

export default async function DynamicPage({ params }) {
const page = await getPage(params.slug);
return (

{page.title}

<div dangerouslySetInnerHTML={{ __html: page.content }}>

);
}`