fix(docs): fix code-blocks, theme and admonitions (#906)

Signed-off-by: Miguel Martinez Trivino <[email protected]>

Author: migmartri

docs/docs/intro/intro.mdx

@@ -8,12 +8,6 @@ title: Introduction
 import MailingListForm from "../partials/_mailing-list-form.mdx";
 import Image from "@theme/IdealImage";
 
-:::info UPDATE
-Chainloop is now Open Source! 🎉
-
-Read more in [our announcement post](https://chainloop.dev/blog/chainloop-open-source)
-:::
-
 Your name is Dyson, **you work on the Security and Operations (SecOps) team** at Cyberdyne solutions. You are in charge of making sure that the organization's Software Supply Chain (SSC) Security is improved end-to-end, from source code to packaging and distribution.
 
 You feel pretty good about the current state of things. Your development teams are already signing their commits, scanning their first and third-party components, generating Software Bill of Materials (SBOMs), signing container images and even blocking releases based on vulnerability scanning or signature verification. Life is good!

docs/docusaurus.config.js

@@ -1,8 +1,9 @@
 // @ts-check
 // Note: type annotations allow type checking and IDEs autocompletion
 
-const lightCodeTheme = require("prism-react-renderer/themes/github");
-const darkCodeTheme = require("prism-react-renderer/themes/dracula");
+const { themes } = require("prism-react-renderer");
+const lightCodeTheme = themes.github;
+const darkCodeTheme = themes.dracula;
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
@@ -22,9 +23,10 @@ const config = {
     locales: ["en"],
   },
   // Register posthog only in production
-  clientModules: process.env.NODE_ENV === "production"
-    ? [require.resolve("./src/client-modules/register-posthog.js")]
-    : [],
+  clientModules:
+    process.env.NODE_ENV === "production"
+      ? [require.resolve("./src/client-modules/register-posthog.js")]
+      : [],
 
   plugins: [
     [
@@ -211,11 +213,6 @@ ${content
           routeBasePath: "/",
           editUrl: "https://github.com/chainloop-dev/chainloop/blob/main/docs",
         },
-        blog: {
-          showReadingTime: true,
-          blogTitle: "Chainloop blog",
-          blogDescription: "Chainloop blog",
-        },
         theme: {
           customCss: require.resolve("./src/css/custom.css"),
         },
@@ -291,7 +288,7 @@ ${content
       prism: {
         theme: lightCodeTheme,
         darkTheme: darkCodeTheme,
-        additionalLanguages: ["log", "cue"],
+        additionalLanguages: ["log", "cue", "bash", "json"],
       },
       metadata: [
         {
@@ -301,7 +298,9 @@ ${content
         },
       ],
     }),
-  scripts: ["https://app.termly.io/resource-blocker/48c15f14-86c1-4734-bad4-8a627fa691fa?autoBlock=on"],
+  scripts: [
+    "https://app.termly.io/resource-blocker/48c15f14-86c1-4734-bad4-8a627fa691fa?autoBlock=on",
+  ],
 };
 
 module.exports = config;

docs/package.json

@@ -14,20 +14,20 @@
     "write-heading-ids": "docusaurus write-heading-ids"
   },
   "dependencies": {
-    "@docusaurus/core": "^3.1.1",
-    "@docusaurus/plugin-ideal-image": "^3.1.1",
-    "@docusaurus/preset-classic": "^3.1.1",
-    "@mdx-js/react": "^1.6.22",
+    "@docusaurus/core": "^3.4.0",
+    "@docusaurus/plugin-ideal-image": "^3.4.0",
+    "@docusaurus/preset-classic": "^3.4.0",
+    "@mdx-js/react": "^3.0.0",
     "clsx": "^1.2.1",
     "docusaurus-plugin-remote-content": "^4.0.0",
     "posthog-docusaurus": "^2.0.0",
-    "prism-react-renderer": "^1.3.5",
+    "prism-react-renderer": "^2.1.5",
     "raw-loader": "^4.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "^3.1.1"
+    "@docusaurus/module-type-aliases": "^3.4.0"
   },
   "browserslist": {
     "production": [