feat(daffio): render ToC from page contents

[griest024]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines: https://github.com/graycoreio/daffodil/blob/develop/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
[ ] Documentation content changes
[ ] Other... Please describe:

What is the current behavior?

Fixes: #3600, fixes #3733

What is the new behavior?

Does this PR introduce a breaking change?

[ ] Yes
[x] No

Other information

[griest024]

@xelaint I've added a feature that will allow ToCs to be autogenerated from page content, LMK what you think.

We need to add scrolling to the ToC, it will overflow off the page for large docs like docs/api/cart/state/DaffCartFacade

[xelaint]

I'm getting these two different errors in console when I visit design pages

ERROR NullInjectorError: R3InjectorError(Standalone[_DaffioDocsDesignComponentContentComponent])[_DaffioDocsApiContentComponent -> _DaffioDocsApiContentComponent -> _DaffioDocsApiContentComponent -> _DaffioDocsApiContentComponent -> _DaffioDocsApiContentComponent -> _DaffioDocsApiContentComponent]: 
  NullInjectorError: No provider for _DaffioDocsApiContentComponent!

core.mjs:6673 ERROR TypeError: Cannot read properties of undefined (reading 'ɵcmp')

[xelaint]

I don't think it's necessary to display each prop in the TOC.

[griest024]

@xelaint so there are a lot of changes here but to summarize:

• API docs are rendered with fragments as a flat tree. All we need to do is specify the list of fragments and associate it with one or more API roles, see https://github.com/graycoreio/daffodil/pull/3637/files#diff-908af75ffb257d1d18a769f61819c07aa848086c06647add18e6993f59c9aa97
• the ToC is generated from daffioDocsTocHeader directives in the template which should have id, content, and level set

[xelaint]

/docs/api/cart-store-credit these main API package pages don't need a TOC.

[griest024]

/docs/api/cart-store-credit these main API package pages don't need a TOC.

removed. Also, the styles look off for the API package pages on account of the component hierarchy having changed, can you take a look?

[xelaint]

@griest024 The mobile TOC (On this page sidebar) on some pages don't have data (e.g. /docs/design/typography)

[griest024]

@griest024 The mobile TOC (On this page sidebar) on some pages don't have data (e.g. /docs/design/typography)

fixed