I'm currently working on implementing language support for both Spanish and English on my website using Next Internationalization. To achieve this, I've organized my project with a directory named 'components' where I intend to house various components to be translated. However, as I began translating texts within this directory, I encountered an error indicating that the context from 'NextIntlClientProvider' was not found. Despite diligently following the troubleshooting steps outlined in the [Next Internationalization documentation](https://next-intl-docs.vercel.app/docs/environments/server-client-components#using-internationalization-in-server-components) and referencing their [sample code on github](https://github.com/amannn/next-intl/blob/main/examples/example-app-router/src/components/Navigation.tsx), the issue persists. I'm currently at a loss as to why this error is occurring and how to resolve it.

Here I will leave the link for my GitHub Repository that only contains the file I think the issue lives on.
[Github Repo](https://github.com/yoboywhat/NextInternationalizationIssue/blob/main/TopPage.tsx)