Tailwind styles not applied in Netxjs project

I am working with Tailwind CSS in a Nextjs project. I have tried a simple heading but styles are not being applied.

Here is my full code on GitHub: https://github.com/mennaElbadry70/TailwindCss_practice

• I have checked the tailwind.config.ts file but the paths should be correct.
• I have fixed previous errors regarding @tailwind base, @tailwind components and @tailwind utilities.
• I have installed the PostCSS extension in case that affects the Tailwind implementation.

You have a tailwind.config.js file which Tailwind will prioritize and use. This means your tailwind.config.ts is ignored. Consider either:

• Deleting the tailwind.config.js file so that Tailwind uses the tailwind.config.ts file
• Copying the config from tailwind.config.ts to the tailwind.config.js file and then deleting the tailwind.config.ts file.