Performance Optimisations + Modernise the application (Angular v11)

[khaledosman]

The repo seems to be a bit out of date and isn't using best practices when it comes to performance for angular applications, so this article might be unrealistic for 2019 https://medium.com/free-code-camp/a-realworld-comparison-of-front-end-frameworks-with-benchmarks-2019-update-4be0d3c78075 . This PR aims to change that

• Upgrade Angular to v9 and upgrade other dependencies to their latest compatible versions
• Install a service worker with ng add @angular/pwa to make the app a PWA and cache assets.
• Reduce bundle size by removing unneeded polyfills and drop es5/old browser support, enable differential loading
• Enable Ivy renderer for smaller bundle size and better performance and update lazy-loading syntax.
• Update node version in travis.yml to 10.9.0 because the build was breaking after my changes
• use trackBy in ngFor's for better performance
• use onPush change detection for better performance
• Make services tree-shakable
• use ngx-quicklink preloading strategy instead of preloadAll
• Lighthouse score improvements, use display=swap for google fonts, add html lang, meta description and alt attribute for imgs
• Display a fallback/default image for users who do not have one.

[khaledosman]

v8.0.0 is now officially released, I've updated the dependencies accordingly.

[khaledosman]

Any updates?

[owenmecham]

@khaledosman I will take a look at this PR later today. Thanks for submitting it.

[khaledosman]

I've updated the pull-request with Angular V9, can someone check this pull request, pretty please?

[netlify[bot]]

❌ Deploy Preview for fantastic-marigold-c78593 failed.

Name	Link
🔨 Latest commit	85d234f96fe11c4e1eab39f2098787397dc99c94
🔍 Latest deploy log	https://app.netlify.com/sites/fantastic-marigold-c78593/deploys/64a53d7d7c367b00084e3dea