feat(blog): update floating header using `mat-toolbar`

[peterjokumsen]

Summary

Used mat-toolbar to display floating header.

[nx-cloud[bot]]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 485469037e25a0f4b192459526b0f347f0f1e65a. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 2 targets

- [`nx run blog:build:staging`](https://cloud.nx.app/runs/wIz5lHEqbi?utm_source=pull-request&utm_medium=comment) - [`nx affected -t lint test --configuration=ci --base=9de58da6cbff8d48ad78637907d9ca48d513e4ad`](https://cloud.nx.app/runs/dDAsSez3Op?utm_source=pull-request&utm_medium=comment)

---

Sent with 💌 from NxCloud.

[github-actions[bot]]

🦙 MegaLinter status: ⚠️ WARNING

Descriptor	Linter	Files	Fixed	Errors	Elapsed time
✅ ACTION	actionlint	7		0	0.19s
✅ COPYPASTE	jscpd	yes		no	1.79s
✅ EDITORCONFIG	editorconfig-checker	453		0	1.41s
✅ JSON	jsonlint	85		0	0.39s
✅ JSON	npm-package-json-lint	yes		no	0.77s
✅ JSON	prettier	85		0	4.57s
✅ JSON	v8r	85		0	127.23s
✅ MARKDOWN	markdownlint	23		0	0.88s
✅ MARKDOWN	markdown-link-check	35		0	7.14s
⚠️ MARKDOWN	markdown-table-formatter	35		1	0.4s
✅ REPOSITORY	checkov	yes		no	41.65s
✅ REPOSITORY	gitleaks	yes		no	1.3s
✅ REPOSITORY	git_diff	yes		no	0.05s
✅ REPOSITORY	secretlint	yes		no	1.77s
✅ REPOSITORY	trivy	yes		no	19.56s
✅ REPOSITORY	trivy-sbom	yes		no	7.8s
✅ REPOSITORY	trufflehog	yes		no	38.37s
✅ SPELL	cspell	455		0	7.16s
✅ XML	xmllint	3		0	0.01s
✅ YAML	prettier	14		0	3.12s
✅ YAML	v8r	14		0	14.27s
✅ YAML	yamllint	14		0	0.7s

See detailed report in MegaLinter reports

_MegaLinter is graciously provided by _

[github-actions[bot]]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://purple-flower-05318b203-115.westeurope.5.azurestaticapps.net

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 86.86%. Comparing base (9de58da) to head (4854690).

Additional details and impacted files

| [Files](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/115?dropdown=coverage&src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen) | Coverage Δ | | |---|---|---| | [...og/src/app/components/header/header.component.html](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/115?src=pr&el=tree&filepath=apps%2Fblog%2Fsrc%2Fapp%2Fcomponents%2Fheader%2Fheader.component.html&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen#diff-YXBwcy9ibG9nL3NyYy9hcHAvY29tcG9uZW50cy9oZWFkZXIvaGVhZGVyLmNvbXBvbmVudC5odG1s) | `100.00% <ø> (ø)` | | | [...blog/src/app/components/header/header.component.ts](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/115?src=pr&el=tree&filepath=apps%2Fblog%2Fsrc%2Fapp%2Fcomponents%2Fheader%2Fheader.component.ts&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen#diff-YXBwcy9ibG9nL3NyYy9hcHAvY29tcG9uZW50cy9oZWFkZXIvaGVhZGVyLmNvbXBvbmVudC50cw==) | `80.76% <100.00%> (+1.60%)` | :arrow_up: | ... and [91 files with indirect coverage changes](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/115/indirect-changes?src=pr&el=tree-more&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen) | [Components](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/115/components?src=pr&el=components&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen) | Coverage Δ | | |---|---|---| | [md-parser](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/115/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen) | `∅ <ø> (∅)` | | | [ts-libs](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/115/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen) | `∅ <ø> (∅)` | | | [md-renderer](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/115/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen) | `∅ <ø> (∅)` | | | [module_ng_libs](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/115/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen) | `∅ <ø> (∅)` | | | [app_blog](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/115/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen) | `86.86% <100.00%> (+0.19%)` | :arrow_up: | ------ [Continue to review full report in Codecov by Sentry](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/115?dropdown=coverage&src=pr&el=continue&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen). > **Legend** - [Click here to learn more](https://docs.codecov.io/docs/codecov-delta?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen) > `Δ = absolute (impact)`, `ø = not affected`, `? = missing data` > Powered by [Codecov](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/115?dropdown=coverage&src=pr&el=footer&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen). Last update [9de58da...4854690](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/115?dropdown=coverage&src=pr&el=lastupdated&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen). Read the [comment docs](https://docs.codecov.io/docs/pull-request-comments?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen).

[github-actions[bot]]

⚡️ Lighthouse report for the deploy preview of this PR

URL	Performance	Accessibility	Best Practices	SEO	PWA	Report
/	🟢 95	🟢 95	🟢 96	🟢 88	🔴 NaN	Report
/about-me	🟢 95	🟢 96	🟢 96	🟢 88	🔴 NaN	Report
/development-notes	🟢 96	🟢 95	🟢 96	🟢 88	🔴 NaN	Report
/not/found	🟢 96	🟢 95	🟢 96	🟢 88	🔴 NaN	Report