Error: Clerk: auth() was called but Clerk can't detect usage of authMiddleware()

I need help on solving this problem I'm getting on Clerk:

I'm not really sure what the error. I tried fixing the middleware.ts and looked into inside the _components/navbar/actions.tsx I didn't find any bug in it. Can someone help me understand the problem and possibly point out where I made a mistake?

and here's how the folder structure on my project and the files inside the app folder:

[dhyangandhi]

which repo to fix this issue