feat: use Angular Material components

[fulls1z3]

** PR Checklist
Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines: https://github.com/ng-seed/universal/blob/master/CONTRIBUTING.md#commit
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

** PR Type
What kind of change does this PR introduce?

[ ] Bugfix
[x] Feature
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[x] Documentation content changes
[ ] Other... Please describe:

** What is the current behavior?

Issue Number: #53

** What is the new behavior?

** Does this PR introduce a breaking change?

[ ] Yes
[x] No

** Other information

[codecov]

Codecov Report

Merging #103 into master will increase coverage by 0.64%.
The diff coverage is 14.28%.

@@            Coverage Diff             @@
##           master     #103      +/-   ##
==========================================
+ Coverage   61.48%   62.13%   +0.64%     
==========================================
  Files          37       38       +1     
  Lines         470      478       +8     
  Branches       44       44              
==========================================
+ Hits          289      297       +8     
  Misses        181      181

Impacted Files	Coverage Δ
...client/app/components/+about/about-us.component.ts	100% <ø> (ø)	⬆️
src/client/app/components/+home/home.component.ts	100% <ø> (ø)	⬆️
...pp/components/+about/about-apple-pear.component.ts	100% <ø> (ø)	⬆️
src/client/app/app.component.ts	100% <ø> (ø)	⬆️
...nt/app/components/+about/about-banana.component.ts	100% <ø> (ø)	⬆️
...rc/client/app/components/+about/about.component.ts	100% <ø> (ø)	⬆️
src/client/app/app.animations.ts	0% <0%> (ø)
src/client/app/components/+home/home.module.ts	0% <0%> (ø)	⬆️
src/client/app/app.browser.module.ts	0% <0%> (ø)	⬆️
src/client/app/app.module.ts	0% <0%> (ø)	⬆️
... and 6 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 2121711...32b7cb9. Read the comment docs.