refactored code editor

[skull8888888]

[!IMPORTANT] Refactor code editor and related components to add collapsible functionality, update styles, and improve user interface.

• Formatter Component:
  • Added collapsible prop to Formatter in formatter.tsx, allowing sections to be collapsible.
  • Updated Formatter to handle YAML and JSON parsing more robustly.
• Code Editor:
  • Removed unused imports and code in code-editor.tsx.
  • Updated myTheme in code-editor.tsx to include new styles for selection and caret.
  • Adjusted CodeEditor component to use bg-secondary and text-foreground classes.
• Styling:
  • Updated color variables in globals.css for popover and secondary elements.
  • Adjusted SpanCard and SpanViewSpan components to use updated styles and collapsible Formatter.
• Miscellaneous:
  • Minor adjustments to chat-message-list-tab.tsx to integrate collapsible Formatter.

^{This description was created by for 74bb8181b035e30b2f9886347ab6f30c495b8123. It will automatically update as commits are pushed.}