feat(components): Add ContentSeparator component

[codyde]

Summary

This PR introduces the ContentSeparator component - a labeled horizontal divider for visually separating content sections.

Features

• Labeled horizontal divider with message centered between lines
• Multiple visual variants: neutral, info, warning, success, danger
• Configurable vertical spacing (marginTopRem, marginBottomRem)
• Rectangular style aligned with code block visuals
• Text constrained to 2/3 width with lines filling remaining space

Usage

<ContentSeparator message="Advanced configuration" />
<ContentSeparator message="Warning" variant="warning" />
<ContentSeparator message="Next Steps" variant="success" marginTopRem={3} />

Files Added

• src/components/contentSeparator/index.tsx - Component implementation
• src/components/contentSeparator/style.module.scss - Styles
• Updated src/mdxComponents.ts to register component for MDX usage

Status

• Component implementation complete
• Styles finalized
• MDX integration tested
• Documentation added
• Review requested

[vercel]

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

Project	Deployment	Preview	Comments	Updated (UTC)
develop-docs	Ready	Preview	Comment	Sep 20, 2025 7:25am
sentry-docs	Ready	Preview	Comment	Sep 20, 2025 7:25am

[codecov]

Bundle Report

Changes will increase total bundle size by 4.69kB (0.02%) ⬆️. This is within the configured threshold ✅

Detailed changes

Bundle name	Size	Change
sentry-docs-client-array-push	10.12MB	3.71kB (0.04%) ⬆️
sentry-docs-server-cjs	12.85MB	981 bytes (0.01%) ⬆️

Affected Assets, Files, and Routes:

view changes for bundle: sentry-docs-client-array-push

Assets Changed:

Asset Name	Size Change	Total Size	Change (%)
static/chunks/pages/_app-*.js	-3 bytes	882.71kB	-0.0%
static/css/*.css	986 bytes	6.16kB	19.06% ⚠️
static/chunks/8321-*.js	-3 bytes	425.87kB	-0.0%
server/app/api/ip-*.js	591 bytes	264.43kB	0.22%
server/app/_not-*.js	591 bytes	264.42kB	0.22%
server/app/[[...path]]/page_client-*.js	591 bytes	264.38kB	0.22%
server/app/platform-*.js	591 bytes	249.06kB	0.24%
static/chunks/app/[[...path]]/page-*.js	366 bytes	90.13kB	0.41%
server/middleware-*.js	6.46kB	7.46kB	645.5% ⚠️
server/middleware-*.js	-6.46kB	1.0kB	-86.59%
static/puYx5oQD1o31gll_P4MFa/_buildManifest.js (New)	684 bytes	684 bytes	100.0% 🚀
static/puYx5oQD1o31gll_P4MFa/_ssgManifest.js (New)	77 bytes	77 bytes	100.0% 🚀
static/XNb0ryQLyyw3w6s_WOPZw/_buildManifest.js (Deleted)	-684 bytes	0 bytes	-100.0% 🗑️
static/XNb0ryQLyyw3w6s_WOPZw/_ssgManifest.js (Deleted)	-77 bytes	0 bytes	-100.0% 🗑️

Files in static/chunks/app/[[...path]]/page-*.js:

• ./src/components/contentSeparator/style.module.scss → Total Size: 365 bytes

view changes for bundle: sentry-docs-server-cjs

Assets Changed:

Asset Name	Size Change	Total Size	Change (%)
1729.js	-3 bytes	1.78MB	-0.0%
../instrumentation.js	-3 bytes	1.1MB	-0.0%
9523.js	-3 bytes	1.08MB	-0.0%
../app/[[...path]]/page.js	990 bytes	610.97kB	0.16%

Files in ../app/[[...path]]/page.js:

• ./src/components/contentSeparator/style.module.scss → Total Size: 362 bytes

• ./src/components/contentSeparator/index.tsx → Total Size: 1.88kB

• ./src/mdxComponents.ts → Total Size: 4.01kB

App Routes Affected:

App Route	Size Change	Total Size	Change (%)
/[[...path]]	990 bytes	3.36MB	0.03%