[Feature]: Sidebar needs more documentation and a code example

[Soviut]

Describe the feature

Currently, the Sidebar example only has a preview but no code or usage examples. The sidebar has dozens of components which aren't clear on how they should be assembled.

For example, a <SidebarProvider> is needed to wrap the entire component, <SidebarContent> is for the content beside the sidebar as opposed to inside the it, etc. All of these things should be documented but even just showing the code for the example would clarify most of it.

I would happily create a PR that updates the docs if I could figure out how the component previews are generated.

Additional information

• [x] I intend to submit a PR for this feature.
• [ ] I have already implemented and/or tested this feature.

[Harryalways317]

This is a needed one. I've been referring to Shadcn UI React documentation to set up the sidebar in Vue, I can chip in too if needed

[brokuka]

Originally doc is here, you can use as your own. Waiting for vue docs.