add docs panel to IDE

[taylordowns2000]

Description

Closes #3857

Validation steps

1. Go to the IDE
2. Open up the docs panel and the metadata panel
3. Click to copy a snippet, then paste into the editor
4. Click to insert a snippet, watch it get inserted into the editor

AI Usage

Please disclose how you've used AI in this work (it's cool, we just want to know!):

• Code generation (copilot but not intellisense)
• Learning or fact checking
• Strategy / design
• Optimisation / refactoring
• Translation / spellchecking / doc gen
• Other
• I have not used AI

You can read more details in our Responsible AI Policy

Pre-submission checklist

• I have performed a self-review of my code.
• I have implemented and tested all related authorization policies. (e.g., :owner, :admin, :editor, :viewer)
• I have updated the changelog.
• I have ticked a box in "AI usage" in this PR

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 88.80%. Comparing base (baeaef7) to head (dd5c2fe).
⚠️ Report is 1 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #3966   +/-   ##
=======================================
  Coverage   88.80%   88.80%           
=======================================
  Files         422      422           
  Lines       19067    19067           
=======================================
  Hits        16933    16933           
  Misses       2134     2134           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[theroinaochieng]

Looks good Taylor!

[midigofrank]

Nicely done @taylordowns2000 . Great catch on the unused component