Clearer prompt to enter email address
Upon first logging in, if Kotahi cannot retrieve a user's email address from their ORCID account, the user is presented with this page:
If they try to navigate by clicking any of the menu items, this does not work; they remain on the same page. Kotahi wants them to enter an email address and hit "Change", but it doesn't make this clear enough, and users typically don't know what is expected of them.
Because this step must be completed before any other actions can be taken, it's misleading to show any other active navigation options. We should show something like a modal dialog with a textbox for email address, a "Save email address" button, and instructions along the lines of "Please register your email address to continue". Probably the rest of the screen should be greyed out behind with an alpha transparency. The modal dialog should disappear upon an email address being entered and "Save email address" being clicked.
We will probably want to reuse modal dialogs for other purposes, so the modal dialog should be built as a reusable component. Regarding styling, in general prefer simple, clean layouts that use whitespace rather than lines to create separation. We have configured colours and grid here -- see this example of how these are used.