Favicons with MetaData API files system not working

Description

This is for Next.js 14.2.16. - App Router

Hello after installing next-intel the favicon no longer load from the file-based metadata system. I had tried to have the favion.ico in /src/app/[locale] and /src/app. (https://nextjs.org/docs/app/api-reference/file-conventions/metadata/app-icons)

I got the favicons to work by doing the alternative by using Next.js metadata export object and putting the favicons in the /public/favicons

Eg from layout.js:

export const metadata = {  icons: {
    icon: [
      { url: '/favicons/favicon-96x96.png', type:'image/png', sizes: '96x96' },
      { url: '/favicons/favicon.svg', type:'image/svg+xml',},
      { url: '/favicons/favicon.ico' },
    ],
    shortcut: '/favicons/favicon.ico',
    apple: { url: '/favicons/apple-touch-icon.png', sizes: '180x180' },
    other: {
      rel: 'manifest',
      url: '/favicons/site.webmanifest'
    }
  }, }

However the Next.js guide mention i should be using the special metadata files inside the app folder for favicons. What should I do?

Verifications

[X] I've verified that the problem I'm experiencing isn't covered in the docs.
[X] I've searched for similar, existing issues on GitHub and Stack Overflow.
[X] I've compared my app to a working example to look for differences.

Mandatory reproduction URL

/sorry-offline

Reproduction description

See above description

Expected behaviour