Enable Talon syntax highlighting via shiki

Fixes #255

- It is a little hacky as due to an issue in docusaurus we have to use shiki version ~1.22.2, which predates the bundling of talon's textmate theme so the theme has to be included manually from (https://github.com/mrob95/vscode-TalonScript).
- biased on https://lachieh.github.io/docusaurus-with-shiki-rehype/docs/intro/

Author: Nova38

README.md

@@ -1 +1,5 @@
 This is the source repo for the [Talon wiki](https://talon.wiki), a community maintained wiki for [Talon voice](https://talonvoice.com/). For information on how to contribute, see our [Contributing](https://talon.wiki/CONTRIBUTING/) documentation.
+
+
+
+Syntax Highlighting for talon files is from [talon.tmLanguage.json](./talon.tmLanguage.json) https://github.com/mrob95/vscode-TalonScript and is licensed under the MIT License.

docs/Customization/talon-files.md

@@ -14,7 +14,7 @@ The primary way to extend talon is using `.talon` files placed anywherein the `u
 
 An example `.talon` file might look like this:
 
-```````talon
+```talon
 # Comments start with a # sign, and they must always be on their own line.
 #
 # This part, the context header, defines under which circumstances this file applies.
@@ -43,7 +43,7 @@ tag(): user.tabs
 # This adjusts settings (within this file's context).
 settings():
     key_wait = 1.5
-```````
+```
 
 ## Context header
 

docusaurus.config.ts

@@ -1,8 +1,12 @@
-import { themes as prismThemes } from "prism-react-renderer";
 import type { Config } from "@docusaurus/types";
 import type * as Preset from "@docusaurus/preset-classic";
+import rehypeShiki, { RehypeShikiOptions } from "@shikijs/rehype";
+import {ShikiTransformer} from "shiki";
+import talonLanguage from "./talon.tmLanguage.json" ;
+import { transformerColorizedBrackets } from '@shikijs/colorized-brackets'
 
-const config: Config = {
+
+const config: Config  = {
   title: "Talon Community Wiki",
   tagline: "Documentation for using Talon Voice",
   favicon: "img/talon-community-logo.png",
@@ -39,11 +43,30 @@ const config: Config = {
           sidebarPath: "./sidebars.ts",
           // Remove this to remove the "edit this page" links.
           editUrl: "https://github.com/TalonCommunity/Wiki/edit/main/",
+          beforeDefaultRehypePlugins: [
+            [
+              // customRehypeShiki,
+              rehypeShiki,
+              {
+                themes: {
+                  light: "catppuccin-latte",
+                  dark: "catppuccin-macchiato"
+                },
+                inline: 'tailing-curly-colon',
+                transformers: [
+                  transformerColorizedBrackets() as unknown as ShikiTransformer,
+                ],
+                langs: ["python", /* other languages */talonLanguage],
+              } satisfies RehypeShikiOptions,
+            ],
+          ],
+
         },
         theme: {
           customCss: "./src/css/custom.css",
         },
         blog: false,
+
       } satisfies Preset.Options,
     ],
   ],
@@ -171,11 +194,6 @@ const config: Config = {
       ],
       copyright: `Copyright © ${new Date().getFullYear()} Talon Community`,
     },
-    prism: {
-      theme: prismThemes.github,
-      darkTheme: prismThemes.dracula,
-      additionalLanguages: ["talon"],
-    },
     colorMode: {
       respectPrefersColorScheme: true,
     },