`useTranslations` is not callable within an async component.

gistfile1.txt

export default function Home() {
  const t = useTranslations('Home');

  return (
    <div className={clsx('hero min-h-screen', styles.background)}>
      <div className="flex flex-col items-center">
        <OxlaLogo className="mb-8 w-[400px]" />
        <a
          className="rounded-2xl bg-oxla-blue px-16 py-3 text-center text-lg transition-colors hover:text-gray-200"
          href={routes.dashboard}
        >
          {t('enterDashboard')}
        </a>
      </div>
    </div>
  );
}