refactor: remove unused CodeGroupWrapper component and related imports; update code group syntax in documentation

Author: LeadcodeDev

.astro/data-store.json

@@ -20,7 +20,7 @@ You should use the frontmatter on top of the file to define the article metadata
 > [!WARNING]
 > The `permalink` property is required. If you modify it, the URL of the article will change.
 
-::: code-group labels=[frontmatter, schema]
+:::code-group labels=[frontmatter, schema]
 ```mdx
 ---
 title: "Article title"
@@ -86,10 +86,10 @@ The `authors` property is an array of author names.
             >
               <span class="absolute inset-0" aria-hidden="true" />
             </a>
-            <p class="font-medium text-(--ui-text) peer-hover:text-(--ui-text-highlighted) transition-colors text-sm">
+            <p class="font-medium text-(--ui-text) peer-hover:text-(--ui-text-highlighted) transition-colors text-sm !p-0">
               {author.name}
             </p>
-            <p class="text-muted-foreground transition-colors text-xs">
+            <p class="text-muted-foreground transition-colors text-xs !p-0">
               @{key}
             </p>
           </div>
@@ -128,7 +128,7 @@ The `authors` property is an object where the key is the author name and the val
 - `avatar` : The author avatar URL.
 - `href` : The author URL.
 
-Ensuite vous pourrez taguer votre utilisateur dans le frontmatter de votre article.
+You can then tag your user in the frontmatter of your article.
 
 ```mdx
 ---

src/components/CodeGroupWrapper.astro

@@ -15,11 +15,11 @@ The documentation section allows you to create and manage your documentation.
 
 ## Create new collection
 
-Pour créer une nouvelle collection, vous devez créer un nouveau dossier dans le dossier `content/docs`.
+To create a new collection, you need to create a new folder in the `content/docs` folder.
 
-Dans un premier temps il vous faudra déclarer une nouvelle collection.
+First you need to declare a new collection.
 
-#### Dans le fichier `src/content.config.ts`
+#### In the `src/content.config.ts` file
 
 ```ts
 const foo = defineCollection({
@@ -30,7 +30,7 @@ const foo = defineCollection({
 export const collections = { foo };
 ```
 
-#### Dans le fichier `explainer.config.ts`
+#### In the `explainer.config.ts` file
 
 ```ts
 import { CuboidIcon } from 'lucide-react'

src/components/MDXComponents.tsx

@@ -30,7 +30,7 @@ npx create-astro@latest --template https://github.com/LeadcodeDev/explainer <pro
 
 In your local repository, run the following command to install the dependencies.
 
-::: code-group labels=[pnpm, npm, yarn]
+:::code-group labels=[pnpm, npm, yarn]
 ```bash
 pnpm install
 ```

src/components/MDXContent.astro

@@ -53,6 +53,8 @@ export function CodeGroup(props: CodeGroupProps) {
 }
 
 const icons = {
+  markdown: 'devicon:markdown',
+  mdx: 'devicon:markdown',
   html: 'devicon:html5',
   css: 'devicon:css3',
   javascript: 'devicon:javascript',