CodeImport.tsx is not being used and the current rehype plugin won't properly render mdx imports

[cold-briu]

1. The codeImport function from src\lib\plugins\code-import.ts is actually making the job of extracting the content. ✅

2. However its not being rendered by src\components\CodeImport.tsx but by src\components\Code.tsx ⚠️

3. The src\lib\md-plugins.ts file exports the codeImport function from feat: render all docs #1 as remarkPlugins. ✅

4.The same src\lib\md-plugins.ts file exports another codeImport function from src\lib\plugins\rehype-code.ts ⚠️

5. The second codeImport function specifies that node.name !== 'CodeImport' gets rendered by a 'code' element.

6. Then, src\components\MDXRender.tsx maps 'code' elements to the Code.ts component

7. The codeImport function from src\lib\plugins\rehype-code.ts Actually does the same as src\components\CodeImport.tsx by manually composing the elements.

//codeImport function from src\lib\plugins\rehype-code.ts

node.type = 'element';
node.tagName = 'pre';
const lang = node.attributes?.find((a: any) => a.name === '__language');
const code = h('code', { class: lang?.value }, content?.value);
node.children = [code];
vs
// src\components\CodeImport.tsx
return <pre className={language-${language}}>{content};

This issue was found during the elaboration of the installation guide. The main intention was to import content from other mdx files to compose another mdx file to be rendered by the app.

Trying to bypass the rehype plugin was not enough, in the mean time a "MDXIimport" component must be added as a hot fix.

[cold-briu]

Closed by #79