feat(md-renderer): simplify mobile navigation

[peterjokumsen]

Summary

Updated mobile navigation to show as Table of contents without collapsible button element.

Expand for optional sections

## Screenshots ## Related issues Closes #123 ## Testing instructions

[nx-cloud[bot]]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 60563f76d34c57750084abe8e3b3c8416d0fb82a. 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 affected -t lint test --configuration=ci --base=9c6edb7435fb1d49167cb5e1a28f41ff74c6d71b`](https://cloud.nx.app/runs/zLlyoVmYI4?utm_source=pull-request&utm_medium=comment) - [`nx run blog:build:staging`](https://cloud.nx.app/runs/JjglZHGGBM?utm_source=pull-request&utm_medium=comment)

---

Sent with 💌 from NxCloud.

[github-actions[bot]]

🦙 MegaLinter status: ✅ SUCCESS

Descriptor	Linter	Files	Fixed	Errors	Elapsed time
✅ COPYPASTE	jscpd	yes		no	2.35s
✅ EDITORCONFIG	editorconfig-checker	10		0	0.02s
✅ REPOSITORY	checkov	yes		no	40.12s
✅ REPOSITORY	gitleaks	yes		no	1.09s
✅ REPOSITORY	git_diff	yes		no	0.08s
✅ REPOSITORY	secretlint	yes		no	2.25s
✅ REPOSITORY	trivy	yes		no	23.17s
✅ REPOSITORY	trivy-sbom	yes		no	3.11s
✅ REPOSITORY	trufflehog	yes		no	40.59s
✅ SPELL	cspell	11		0	3.13s
✅ XML	xmllint	1		0	0.01s

See detailed report in MegaLinter reports _Set VALIDATE_ALL_CODEBASE: true in mega-linter.yml to validate all sources, not only the diff_

_MegaLinter is graciously provided by _

[github-actions[bot]]

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

[codecov[bot]]

Codecov Report

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

Project coverage is 86.22%. Comparing base (9c6edb7) to head (60563f7).

Additional details and impacted files

| [Files](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/128?dropdown=coverage&src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen) | Coverage Δ | | |---|---|---| | [...rer/src/lib/md-renderer/md-renderer.component.html](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/128?src=pr&el=tree&filepath=ng-libs%2Fmd-renderer%2Fsrc%2Flib%2Fmd-renderer%2Fmd-renderer.component.html&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen#diff-bmctbGlicy9tZC1yZW5kZXJlci9zcmMvbGliL21kLXJlbmRlcmVyL21kLXJlbmRlcmVyLmNvbXBvbmVudC5odG1s) | `100.00% <ø> (ø)` | | | [...derer/src/lib/md-renderer/md-renderer.component.ts](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/128?src=pr&el=tree&filepath=ng-libs%2Fmd-renderer%2Fsrc%2Flib%2Fmd-renderer%2Fmd-renderer.component.ts&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen#diff-bmctbGlicy9tZC1yZW5kZXJlci9zcmMvbGliL21kLXJlbmRlcmVyL21kLXJlbmRlcmVyLmNvbXBvbmVudC50cw==) | `54.28% <100.00%> (ø)` | | | [ng-libs/md-renderer/src/lib/toc/index.ts](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/128?src=pr&el=tree&filepath=ng-libs%2Fmd-renderer%2Fsrc%2Flib%2Ftoc%2Findex.ts&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen#diff-bmctbGlicy9tZC1yZW5kZXJlci9zcmMvbGliL3RvYy9pbmRleC50cw==) | `100.00% <ø> (ø)` | | | [...derer/src/lib/toc/table-of-contents.component.html](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/128?src=pr&el=tree&filepath=ng-libs%2Fmd-renderer%2Fsrc%2Flib%2Ftoc%2Ftable-of-contents.component.html&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen#diff-bmctbGlicy9tZC1yZW5kZXJlci9zcmMvbGliL3RvYy90YWJsZS1vZi1jb250ZW50cy5jb21wb25lbnQuaHRtbA==) | `100.00% <ø> (ø)` | | | [...enderer/src/lib/toc/table-of-contents.component.ts](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/128?src=pr&el=tree&filepath=ng-libs%2Fmd-renderer%2Fsrc%2Flib%2Ftoc%2Ftable-of-contents.component.ts&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen#diff-bmctbGlicy9tZC1yZW5kZXJlci9zcmMvbGliL3RvYy90YWJsZS1vZi1jb250ZW50cy5jb21wb25lbnQudHM=) | `84.21% <100.00%> (+0.87%)` | :arrow_up: | ... and [48 files with indirect coverage changes](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/128/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/128/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/128/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/128/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/128/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen) | `84.89% <100.00%> (-0.62%)` | :arrow_down: | | [module_ng_libs](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/128/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/128/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen) | `89.91% <ø> (ø)` | | ------ [Continue to review full report in Codecov by Sentry](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/128?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/128?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 [9c6edb7...60563f7](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/128?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	Report
/	🟢 93	🟢 95	🟢 96	🟢 88	Report
/about-me	🟢 97	🟢 96	🟢 96	🟢 88	Report
/development-notes	🟢 96	🟢 96	🟢 96	🟢 88	Report
/not/found	🟢 97	🟢 95	🟢 96	🟢 88	Report

[github-actions[bot]]

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