Update the UI to support the ability to select from more than two languages

[dadepo]

The UI for choosing the language to display the content of the website needs to be modified to allow the selection from more than two languages.

Currently, the YorubaName site supports two languages: English and Yoruba. This is implemented via having two tabbed buttons at the top right-hand corner of the site. Which can be seen in the attached screenshot.

We now have translations in other languages (Igbo, French etc) but to add these new languages we need a UI that supports such a varied amount of language choices. The tabbed buttons won't do it.

This issue is to come up with such modification to the UI. The technical details include:

1. Selecting any of the languages should refresh the current page and append ?lang=[selected-language] to the URL. Reloading the page with the lang query parameter set, is the mechanism required to switch the language. See header.hbs for how this is currently done.
2. Depending on the UI approach, provide a mechanism to indicate what the currently selected language is. The current implementation adds a css class to the button in the tabbed buttons that corresponds to the selected language. This implementation is based on the fact that a cookie entry with the selected language is added when the page is reloaded with the lang query parameter. The script then checks the cookie for the selected language, then uses that to select which button to add the class too. See script.js for how this is currently done.

For more information on how the multi-lingual feature works, read Achieving Multilingual User Interface

[esteedqueen]

Hey @dadepo, if no one is working on this atm, I can look into this.