Update JavaScript components of the Design System website so they can be used with the createAll function

[romaricpascal]

What

Update the JavaScript components of the Design System website and their initialisation so they're instantiated by createAll calls rather than manual document.querySelector[All] and new calls.

As we do this, there's a couple of tidy ups that we should do:

• OptionsTable and Navigation are not attached to any element. It's worth looking at whether they depend on a specific root (their names make it sound like they could) and if so if they can be updated to be initialised on a specific element
• The data-module used by the Example component does not match the component name. For consistency, better to make them match
• The Code component gets instanciated on the <pre> inside the element with data-module. It should be the responsibility of the Code component to find that <pre> (and throw in a similar fashion as the components in the Design System)
• The Search, BackToTop and CookiePage use document.querySelector rather that querySelectorAll as there's only one in the page. There shouldn't be any harm in switching to createAll (which uses querySelectorAll). If components really need to be instanciated only once, we could have them throw in their constructor

Why

This will make the initialisation code more consistent as well as give us a safe way to explore how createAll could work for other components than those in the Design System itself.

Who needs to work on this

Developers

Who needs to review this

Developers

Done when

• Components of the Design System website are initialised through createAll