fix(ui-components): add Search storybook examples and support rich hit descriptions

[btea]

Description

The description content in the search results of the search box shown in the figure also includes backtick characters. We can change it to support tag rendering to make the display results more intuitive.

Validation

Related Issues

Check List

• I have read the Contributing Guidelines and made commit messages that follow the guideline.
• I have run pnpm format to ensure the code follows the style guide.
• I have run pnpm test to check if all tests are passing.
• I have run pnpm build to check if the website builds without errors.
• I've covered new added functionality with unit tests if necessary.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
nodejs-org	Ready	Preview	Sep 18, 2026 1:32am UTC

[Copilot]

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 86.07%. Comparing base (f50e151) to head (10add16).
✅ All tests successful. No failed tests found.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #9163      +/-   ##
==========================================
- Coverage   86.08%   86.07%   -0.02%     
==========================================
  Files          86       86              
  Lines        6046     6046              
  Branches      358      358              
==========================================
- Hits         5205     5204       -1     
- Misses        837      838       +1     
  Partials        4        4              

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

[AugustinMauroy]

seem good could you provide a screenshot of storybook ? cc @nodejs/web-infra why chromatic didn't work ?

[github-actions]

📦 Build Size Comparison

Summary

Metric	Value
Old Total First Load JS	7.10 MB
New Total First Load JS	7.10 MB
Delta	-68.00 B (-0.00%)

Changes

🔄 Modified Routes (4)

Route	Old First Load JS	New First Load JS	Delta
/[locale]	1.67 MB	1.67 MB	📉 -17.00 B (-0.00%)
/[locale]/[...path]	1.67 MB	1.67 MB	📉 -17.00 B (-0.00%)
/[locale]/blog/[...path]	1.67 MB	1.67 MB	📉 -17.00 B (-0.00%)
/[locale]/download/archive/[version]	1.67 MB	1.67 MB	📉 -17.00 B (-0.00%)

[btea]

seem good could you provide a screenshot of storybook ?

The screenshot is shown above. However, the code here is not nested within the main tag, so the background color style does not match. Even if it did match, the background color of the code would be consistent with the background color of the item.