Hi,

I'm trying to add tailwind animations to the Learn Next.js dashboard app from https://nextjs.org/learn/dashboard-app. I just tried adding a simple tailwind animation as below in main page

      <div role="status" className="max-w-sm animate-pulse">
    <div className="h-2.5 bg-green-200 rounded-full dark:bg-green-700 w-48 mb-4"></div>
    <div className="h-2 bg-green-200 rounded-full dark:bg-green-700 max-w-[360px] mb-2.5"></div>
    <div className="h-2 bg-green-200 rounded-full dark:bg-green-700 mb-2.5"></div>
    <div className="h-2 bg-green-200 rounded-full dark:bg-green-700 max-w-[330px] mb-2.5"></div>
    <div className="h-2 bg-green-200 rounded-full dark:bg-green-700 max-w-[300px] mb-2.5"></div>
    <div className="h-2 bg-green-200 rounded-full dark:bg-gray-700 max-w-[360px]"></div>
    <span className="sr-only">Loading...</span>
</div>

However, there is no animation that is happening. I tried creating a new app using npx create-next-app@latest and add the same animation in the main page, and it is working fine.

I tried checking differences in the config files and updating the dependencies in the dashboard app but it doesn't seem to work.

Any idea how to enable animation in the Learn Next.js app?