I am trying to change the default favicon on a Next.js 14 project.

I deleted the original favicon.ico file, and I deleted all other nextjs related svg-s, and I put my file named favicon.ico to the top of the app and public folders.

When I run it locally it works.
If I build it and start it locally it works.

But when deployed to the Vercel host servers, it gets overwritten somehow and the favicon becomes the default one. Also I cannot export metadata in the layout file because I use contexts, so that file needs to be client-side. Is there a way to change the favicon on the Vercel site at my project, e.g.: in the settings , or am I missing something?