[WIP] feature: provide progress state of page to sidebar

[bh0fer]

Track Progress by completing pages of a category

• swizzle (wrapping) doc sidebar items
• expose the page_id inside frontmatters sidebar_custom_props.pid
• access the pageStore from inside the swizzled DocSidebarItem
• adapt remark-page plugin to gather all relevant documentRootId's of components of components, registering themselves to the page (Page#addDocumentRoot). Save the Mapping PageId -> documentRootId[] to a json, which can be later used to rehydrate the PageStore. Only with that, the page store can load all relevant documents when a document is accessed.
  • check https://refine.dev/tutorial/essentials/data-fetching/fetching-data/ https://github.com/refinedev/refine/blob/8c403b2a890a0328c1991b40545d58bbb15e0fa9/documentation/plugins/tutorial-navigation.ts on how it could be possible to create the relevant data with a plugin and expose the data as json's? (https://docusaurus.io/docs/api/plugin-methods/lifecycle-apis) ... probably not(https://github.com/refinedev/refine/blob/8c403b2a890a0328c1991b40545d58bbb15e0fa9/documentation/plugins/tutorial-navigation.ts#L11)
• display the correct states
• option to "complete" a page (check wheter all relevant "Task/Progress"-States are completed)

[netlify]

✅ Deploy Preview for teaching-dev ready!

Name	Link
🔨 Latest commit	7f89faf
🔍 Latest deploy log	https://app.netlify.com/projects/teaching-dev/deploys/69086f9503d6aa000873b4a8
😎 Deploy Preview	https://deploy-preview-248--teaching-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.