feat(twoslash)!: improve rich renderer

[antfu]

Breaking changes:

• rendererRich and rendererClassic are now factory functions
• Instead of creating a meta-line for popover queries and completions, this PR moves them to the inside of the token, so the positions are relative to the token.
• Some DOM structures changed. If don't need to worry about it if you are using shikiji-twoslash/style-rich.css, otherwise you might need to adopt your CSS.

[codecov]

Codecov Report

Attention: 3 lines in your changes are missing coverage. Please review.

Comparison is base (7987565) 96.11% compared to head (84ceee5) 96.95%.

Files	Patch %	Lines
packages/shikiji-twoslash/src/renderer-rich.ts	99.01%	2 Missing ⚠️
packages/shikiji-twoslash/src/renderer-classic.ts	99.41%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main      #41      +/-   ##
==========================================
+ Coverage   96.11%   96.95%   +0.83%     
==========================================
  Files          39       40       +1     
  Lines        3399     3509     +110     
  Branches      453      470      +17     
==========================================
+ Hits         3267     3402     +135     
+ Misses        132      107      -25     

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