Module not found on existing files. Works on local

I have no idea what is going on. npm run build not showing any issues. Works on local. But when deploying I get Module not found error.

https://whereiscat.netlify.app
or GitHub

3:47:19 PM: Failed to compile.
3:47:19 PM: 
3:47:19 PM: ./src/app/_components/ui/Button.tsx
3:47:19 PM: Module not found: Can't resolve '@/ui/Link'
3:47:19 PM: https://nextjs.org/docs/messages/module-not-found
3:47:19 PM: Import trace for requested module:
3:47:19 PM: ./src/app/_components/CatAdd.tsx
3:47:19 PM: ./src/app/page.tsx
3:47:19 PM: ./src/app/page.tsx
3:47:19 PM: Module not found: Can't resolve '@/components/Cat'
3:47:19 PM: https://nextjs.org/docs/messages/module-not-found
3:47:19 PM: ./src/app/api/Cats/route.js
3:47:19 PM: Module not found: Can't resolve '@/app/_models/Cat'
3:47:19 PM: https://nextjs.org/docs/messages/module-not-found
3:47:19 PM: > Build failed because of webpack errors
3:47:19 PM: ‚Äč
3:47:19 PM: @netlify/plugin-nextjs (onEnd event)  

In Button.tsx I am importing with import Link from "@/ui/Link";
in ./src/app/page.tsx I am importing with import Cat from "@/components/Cat";

My file structure:

public
src
    app
        page.tsx
        _components
        Cat.tsx
          ui
            Button.tsx
            Link.tsx

My tsconfig.json:

   "paths": {
      "@/*": ["./src/*"],
      "@/models/*": ["./src/app/_models/*"],
      "@/components/*": ["./src/app/_components/*"],
      "@/ui/*": ["./src/app/_components/ui/*"],
      "@/layout/*": ["./src/app/_components/layout/*"]
    }

Please help if you know what is going on or very much appreciated if you can tell me where should I look

Does this apply: [Support Guide] Netlify app builds locally but fails on deploy (case sensitivity)