Add escape key function on footer language/country selectors

[tauthomas01]

Why are these changes introduced?

Fixes #73

The goal of this PR is to hide the footer country/language selectors when using "Escape" key.

What approach did you take?

• Add key event to hide the country/language panel when we receive Escape key.

Demo links

• Store
• Editor

Checklist

• Followed theme code principles
• Linted with Theme Check
• Tested on mobile
• Tested on multiple browsers
• Tested for accessibility

[ludoboludo]

Works like a charm!

It's pretty close to what DetailsDisclosure is doing in details-disclosure.js but not sure how it could be reused. Maybe if LocalizationForm was extending from DetailsDisclosure 🤔 Not sure.

[tauthomas01]

It's pretty close to what DetailsDisclosure is doing in details-disclosure.js but not sure how it could be reused. Maybe if LocalizationForm was extending from DetailsDisclosure 🤔 Not sure.

From the code, DetailsDisclosure uses <details><summary> elements, whereas LocalizationForm is using <ul> and <button>. However, I agree the functionalities look similar – the semantics are different so that must be the reason for separating the language/country selectors and details disclosure component.