Add E2E and VRT tests for new header and footer

[dhruvkb]

Problem

The new header and footer are being developed behind a feature flag which makes it harder to write E2E and VRT test cases for them. This is being addressed in #1837.

Description

Once #1837 is resolved, tests need to be added for the following components.

• VHeaderInternal - Storybook VR tests added in Add VHeaderInternal #1825
• VHeaderContent - Playwright VR tests added in Add VR tests for mobile search header #1968
• VFooter - Storybook VR tests added in Add VFooter Storybook VR tests #1969
• VSelectField - Storybook VR tests added in Create locale chooser VLanguage and place in the footer #1821
• VLanguageSelect - Storybook VR tests added in Create locale chooser VLanguage and place in the footer #1821

Alternatives

Snapshot testing for components (not pages) should be done from Storybook wherever feasible. This would enable us to snapshot all the different states of a component and see them in isolation, independently of the other stuff on the page. Hopefully, it will also make the snaps more resilient to small shifts and make it easier to pinpoint the change if the snapshots do not line up.

Implementation

• 🙋 I would be interested in implementing this feature.

[obulat]

This issue should also include the work on updating the existing tests to pass with the new_header enabled.