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 (
        <div>
            <h1>{page.title}</h1>
            <div dangerouslySetInnerHTML={{ __html: page.content }}></div>
        </div>
    );
}