Add Cairo syntax highlighting (#347)

Author: cprussin

next.config.js

@@ -1,6 +1,24 @@
+const { BUNDLED_LANGUAGES, getHighlighter } = require("shiki");
+
 const withNextra = require("nextra")({
   theme: "nextra-theme-docs",
   themeConfig: "./theme.config.tsx",
+  mdxOptions: {
+    rehypePrettyCodeOptions: {
+      getHighlighter: (options) =>
+        getHighlighter({
+          ...options,
+          langs: [
+            ...BUNDLED_LANGUAGES,
+            {
+              id: "cairo",
+              scopeName: "source.cairo",
+              path: "../../public/syntax/cairo.json",
+            },
+          ],
+        }),
+    },
+  },
 });
 
 // Use this array as a shorter way to specify redirect URLs so we can write down a lot of them.

pages/price-feeds/use-real-time-data/starknet.mdx

@@ -36,7 +36,7 @@ Pyth also provides a javascript SDK to interact with the Pyth contract on Starkn
 
 The code snippet below provides an example module fetching the STRK/USD price from Pyth price feeds:
 
-```rust {2,17,47,55,64,71-73} copy
+```cairo {2,17,47,55,64,71-73} copy
 use starknet::ContractAddress;
 use pyth::ByteBuffer;