feat(metadata): Enable metadata editing in article edit screen

+ refactor UI of article edit screen
+ add most of the metadata in let tabpane
+ make service for mocking vocabularies
why not using `<label>` in general? i think it would be much better if we avoid custom markup as much as possible and use just use the proper html so everyone can put it together without extra knowledge.. there is css after all