refactor(header&footer): use directives to improve the code
- create appHeader, appFooter and appNavBar directives
- include html2js preprocessor in karma conf files to render directive templates