Refactor webdialog content root

[thomthom]

The Runner and Preferences dialog all have the same scaffolding. They just refer to different JS and CSS files. And currently the root Vue app template is directly in the HTML file. By refactoring out the root app template to a separate App component for each dialog we can use the same HTML scaffolding and have Webpack generate appropriate HTML file for each of them.