Component view enhancement

I think this should be `@header-height` or `@toolbar-height` or something similar, but not `@viewer-height` as this variable name is already used in JS and template `{{ viewer.height }}` which is the window height minus the header height. So please refactor.