Add codeblock language as title remark plugin

[hichemfantar]

Introduce a new remark plugin that sets the title metadata for code blocks based on their language, along with updates to dependencies and README documentation for clarity and consistency.

A custom remark plugin that automatically sets the title metadata for code blocks in Markdown files based on the block's language.

Features

• Adds title Metadata: For code blocks with a specified language (e.g., js, python), the plugin sets the title metadata to match the language.
• Preserves Existing Metadata: If the code block already contains metadata (meta) but lacks a title, the plugin appends the title without removing the existing metadata.
• Ignores Code Blocks with Existing title: If the meta field already includes a title property, the plugin does nothing to avoid overwriting it.

read more at facebook/docusaurus#10808

before

after

before

after

[netlify]

✅ Deploy Preview for react-native ready!

Name	Link
🔨 Latest commit	a76df88
🔍 Latest deploy log	https://app.netlify.com/sites/react-native/deploys/67786e018947fe0008004c10
😎 Deploy Preview	https://deploy-preview-4418--react-native.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Simek]

@hichemfantar I think that it's a nice feature, but we should not add language as a code block title by default, the title should be fully controlled by author, and only added when specified.

This approach usually create a noise, and does not add that much information/context for the users, also stretching the page in length. You can see that we don't use that pattern on react.dev nor docs.expo.dev.

[hichemfantar]

I personally find this very helpful but I could make it more presentable by mapping the language to a different display name as shown here facebook/docusaurus#10808 (comment)