[DNM] WS-2116 - Next batch of new nav rollout

[amoore108]

Resolves JIRA: https://bbc.atlassian.net/browse/WS-2116

Summary

Rolls out new nav to Afaan Oromoo, Amharic, Afrique, Gujarati, Hausa, Igbo, Gahuza, Pidgin, Somali, Swahili, Tigrinya and Yoruba services

Code changes

• Adds services to SERVICES_WITH_NEW_NAV list
• Updates SVGs for each of the services
• Small update to the isGlobalLanguageHomepage function in the BBC blocks banner to handle undefined inputPathname values

Testing

1. List the steps required to test this PR.

Useful Links

• Coding Standards
• Repository use guidelines
• Add Links to useful resources related to this PR if applicable.

[Copilot]

Pull request overview

Rolls out the “new navigation” experience to an additional set of World Service language services by enabling the new-nav flag for those services and updating their corresponding Chameleon brand SVGs to match the new header/navigation requirements.

Changes:

• Expanded SERVICES_WITH_NEW_NAV to include Afaan Oromoo, Amharic, Afrique, Gahuza, Hausa, Igbo, Pidgin, Somali, Swahili, Tigrinya, and Yoruba.
• Updated Chameleon logo SVG definitions for the newly enabled services (including introducing explicit viewbox cropping values).

Reviewed changes

Copilot reviewed 12 out of 12 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
src/app/components/Navigation/config.ts	Enables new navigation for the next batch of services by adding them to the rollout allowlist.
src/app/components/ThemeProvider/chameleonLogos/afaanoromoo.tsx	Updates Afaan Oromoo Chameleon logo SVG and sets an explicit viewbox for cropping.
src/app/components/ThemeProvider/chameleonLogos/amharic.tsx	Updates Amharic Chameleon logo SVG and sets an explicit viewbox for cropping.
src/app/components/ThemeProvider/chameleonLogos/afrique.tsx	Updates Afrique Chameleon logo SVG and sets an explicit viewbox for cropping.
src/app/components/ThemeProvider/chameleonLogos/gahuza.tsx	Updates Gahuza Chameleon logo SVG and sets an explicit viewbox for cropping.
src/app/components/ThemeProvider/chameleonLogos/hausa.tsx	Updates Hausa Chameleon logo SVG and sets an explicit viewbox for cropping.
src/app/components/ThemeProvider/chameleonLogos/igbo.tsx	Updates Igbo Chameleon logo SVG and sets an explicit viewbox for cropping.
src/app/components/ThemeProvider/chameleonLogos/pidgin.tsx	Updates Pidgin Chameleon logo SVG and sets an explicit viewbox for cropping.
src/app/components/ThemeProvider/chameleonLogos/somali.tsx	Updates Somali Chameleon logo SVG and sets an explicit viewbox for cropping.
src/app/components/ThemeProvider/chameleonLogos/swahili.tsx	Updates Swahili Chameleon logo SVG and sets an explicit viewbox for cropping.
src/app/components/ThemeProvider/chameleonLogos/tigrinya.tsx	Updates Tigrinya Chameleon logo SVG and sets an explicit viewbox for cropping.
src/app/components/ThemeProvider/chameleonLogos/yoruba.tsx	Updates Yoruba Chameleon logo SVG and sets an explicit viewbox for cropping.

[Nabeel1276]

I see these have been redefined in the viewbox object, but the values are different. Why are they different and are these values for the same thing or is viewbox separate? Where do the new SVG values come from?

[amoore108]

The width changes because we've removed the <path /> element that made the BBC blocks.

The explicit width and height properties ended up in the viewBox attribute on the SVG anyway, so this is just a small simplification:

simorgh/src/app/components/ThemeProvider/chameleonLogos/index.tsx

Lines 22 to 27 in 37e9dcc

	viewbox: viewbox || {
	minX: margin,
	minY: margin,
	width: croppedWidth,
	height: croppedHeight,
	},

The values are hand crafted, just whatever was needed to make the SVG size correct and the underline on mouse hover fit properly.