[FEAT] Daffodil Docs

[xelaint]

💡 Feature request

Feature Name

Daffodil Docs

This ticket is composed of many subtickets:

Phase 1

• [FEAT] Different main nav and sidebars for marketing vs documentation pages on daff.io #2680
• [BUG] The main mobile sidebar for daff.io shows the docs sidebar instead of the main nav info #2676
• [FEAT] Implement a Daffodil docs nav, separate from the marketing portion of the site #2681

Packages Explorer Clean Up and Bugs (Iteration 8)

• [DOCS] Introduction Readme for Daffodil #2835
• [FEAT] Daffodil Packages Explorer #2682 (sub tasks within this issue since this issue is the general packages issue)
• [FEAT] Remove npm and yarn code blocks in headings in markdown files #2846
• [BUG] Docs table of contents sidebar generates code block as back tick marks #2741
• [BUG] URL should be included on package level nodes for docs generation #2719
• [FEAT] Set the title and lead elements in the article component based solely on css selectors instead of directives #2848
• [BUG] Dgeni generated docs are unsanitized #1798
• [FEAT] Link to API docs from markdown guides #2474
• [FEAT] Central location defining route structure for docs #2850

(Iteration 9)

• [BUG] Docs table of contents scroll to fragment doesn't work because there are no id attributes on headings in markdown files #2857
• [FEAT] Dynamic Component Example Viewer #2902
• [FEAT] Display Example Viewer in Markdown Files #2903
• [FEAT] Daffodil Palette Docs Generation #2905

Phase 2.5

• [DOCS] Daffodil framework tutorials, guides, and API documentation #2683
• [DOCS] Docs describing the API, utilization and examples of the @daffodil/design package #2767
• [DOCS] Add documentation for design token/css custom properties #2801
• [FEAT] Separate dgeni pipeline for design (API/guides/examples) #2963
• [BUG] daff.io API list sorted incorrectly #2992

Phase 3

• [FEAT] Dedicated Daffodil Design System Page on daff.io/docs #2684
• [FEAT] Automate @daffodil/design component examples to StackBlitz #2066
• [FEAT] Automate Deprecation notices in docs for design component dgeni-content. #1895
• [FEAT] Deprecated Indicator in Docs Sidebar #1896
• [FEAT] Type Scale Card for Docs #2662

The Desired Behavior

Examples:
https://vuejs.org/guide/introduction.html#api-styles
https://angular.dev/overview
https://react.dev/reference/react
https://vercel.com/docs/deployments/configure-a-build

Your Use Case

As a developer and designer, I'd like to know how to use the Daffodil framework.

Prior Work

Environment

Daffodil version: X.Y.Z
Angular version: X.Y.Z 

 
For Tooling issues:
- Node version: XX  
- Platform:  

Others: