I set my metadata in /app/[locale]/layout.tsx as following:

export async function generateMetadata({params: {locale}}: {params: {locale: typeof locales[number]}}) {
    const metadata = metadata_locale[locale]
    return {
        title: {
            default: metadata.title,
            template: `%s | ${metadata.title}`,
        },
        description: metadata.description,
        icons: {
            icon: metadata.favicon
        }
    } satisfies Metadata
}

And in /app/[locale]/gallery/layout.tsx as so:

export async function generateMetadata({params: {locale}}: {params: {locale: typeof locales[number]}}): Promise<Metadata> {
    const metadata_locale = {
        pl: {
            title: 'X',
            description: 'XXX.',
            favicon: 'X'
        },
        en: {
            title: 'X',
            description: 'XXX.',
            favicon: 'X'
        },
        nl: {
            title: 'X',
            description: 'XXX.',
            favicon: 'X'
        }
    }
    console.log("GALLERY LOCALE", locale)
    return metadata_locale[locale]
}

But when I enter /gallery I get title set in template.default. Why so?