Implement "docusaurus-theme-github-codeblock" plugin (#373)

Author: FeodorFitsner

docs/controls/snackbar.md

@@ -5,46 +5,15 @@ sidebar_label: SnackBar
 
 A lightweight message with an optional action which briefly displays at the bottom of the screen.
 
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-
 ## Examples
 
 [Live example](https://flet-controls-gallery.fly.dev/dialogs/snackbar)
 
 ### SnackBar with dynamic message
 
-<Tabs groupId="language">
-  <TabItem value="python" label="Python" default>
-
-```python
-import flet as ft
-
-class Data:
-    def __init__(self) -> None:
-        self.counter = 0
-
-d = Data()
-
-def main(page):
-
-    page.snack_bar = ft.SnackBar(
-        content=ft.Text("Hello, world!"),
-        action="Alright!",
-    )
-
-    def on_click(e):
-        page.snack_bar = ft.SnackBar(ft.Text(f"Hello {d.counter}"))
-        page.snack_bar.open = True
-        d.counter += 1
-        page.update()
-
-    page.add(ft.ElevatedButton("Open SnackBar", on_click=on_click))
-
-ft.app(main)
+```python reference
+https://github.com/flet-dev/examples/blob/main/python/controls/snack-bar/simple-snack.py
 ```
-  </TabItem>
-</Tabs>
 
 <img src="/img/docs/controls/snackbar/snackbar-with-custom-content.gif" className="screenshot-40"/>
 

docusaurus.config.js

@@ -15,7 +15,17 @@ module.exports = {
     heroTitle: 'Build multi-platform apps in Python powered by Flutter',
     heroSubTitle: 'Flet enables developers to easily build realtime web, mobile and desktop apps in Python. No frontend experience required.',
   },
+  themes: [
+    'docusaurus-theme-github-codeblock'
+  ],
   themeConfig: {
+    // github codeblock theme configuration
+    codeblock: {
+      showGithubLink: true,
+      githubLinkLabel: 'View on GitHub',
+      showRunmeLink: false,
+      runmeLinkLabel: 'Checkout via Runme'
+    },
     docs: {
       sidebar: {
         hideable: true,

package.json

@@ -15,6 +15,7 @@
     "@hcaptcha/react-hcaptcha": "^1.0.0",
     "@mdx-js/react": "^3.0.0",
     "clsx": "^1.1.1",
+    "docusaurus-theme-github-codeblock": "^2.0.2",
     "prism-react-renderer": "^2.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",