🔧 chore(docs): update docusaurus.config.js to use monokai theme for code highlighting, show copy button, and display line numbers

📝 docs(sidebars.js): add "guidelines/custom-component" and "components/custom" to the sidebar for better navigation and discoverability

docs/docusaurus.config.js

@@ -27,7 +27,12 @@ module.exports = {
       /** @type {import('@docusaurus/preset-classic').Options} */
       ({
         docs: {
-          beforeDefaultRemarkPlugins: [[remarkCodeHike, { theme: "nord" }]],
+          beforeDefaultRemarkPlugins: [
+            [
+              remarkCodeHike,
+              { theme: "monokai", showCopyButton: true, lineNumbers: true },
+            ],
+          ],
           routeBasePath: "/",
           sidebarPath: require.resolve("./sidebars.js"),
           path: "docs",