feat(title): make it possible to specify the title (#14)

* feat(title): make it possible to specify the title

* chore(example): provide title example

Author: rryter

example/docs/doc1.md

@@ -11,6 +11,10 @@ This theme provides the following:
 https://github.com/saucelabs/docusaurus-theme-github-codeblock/blob/main/src/theme/ReferenceCodeBlock/index.tsx#L104-L107
 ```
 
+```js reference title="Custom Title"
+https://github.com/saucelabs/docusaurus-theme-github-codeblock/blob/main/src/theme/ReferenceCodeBlock/index.tsx#L104-L107
+```
+
 You can write content using [GitHub-flavored Markdown syntax](https://github.github.com/gfm/).
 
 ## Markdown Syntax

src/theme/ReferenceCodeBlock/index.tsx

@@ -109,11 +109,15 @@ function ReferenceCode(props: ReferenceCodeBlockProps) {
         fetchCode(codeSnippetDetails, fetchResultStateDispatcher)
     }
 
+    const titleMatch = props.metastring?.match(/title="(?<title>.*)"/);
+
     const customProps = {
         ...props,
-        metastring: ` title="${codeSnippetDetails.title}"`,
-        children: initialFetchResultState.code
-    }
+        metastring: titleMatch?.groups?.title
+            ? ` title="${titleMatch?.groups?.title}"`
+            : ` title="${codeSnippetDetails.title}"`,
+        children: initialFetchResultState.code,
+    };
 
     return (
         <div>