Remove broken inline code style

src/components/footer/content.jsx

@@ -39,6 +39,7 @@ function Content() {
         px-6 py-1.5
         font-bold text-2xl
         justify-center
+        bg-light-background dark:bg-dark-background
     ">
       <div className="flex space-x-10">
         {Items.map((item) => (

src/components/header/default.jsx

@@ -22,6 +22,7 @@ function DefaultHeader() {
         lg:px-6 md:px-5 sm:px-4 lg:py-1.5 md:py-1.5
         lg:text-4xl md:text-3xl
         font-bold justify-center
+        bg-light-background dark:bg-dark-background
     ">
       <div className="flex lg:space-x-20 md:space-x-10">
         {Links.map((link) => (

src/components/prism/mdx-provider.js

@@ -1,32 +0,0 @@
-"use client"
-
-// mdx-provider.js
-import { MDXProvider } from '@mdx-js/react';
-import Prism from './prism-setup';
-import { useEffect } from 'react';
-
-const CodeBlock = ({ children, className }) => {
-  const language = className?.replace(/language-/, '') || '';
-
-  useEffect(() => {
-    Prism.highlightAll();
-  }, []);
-
-  return (
-    <pre className={className}>
-      <code className={className}>{children}</code>
-    </pre>
-  );
-};
-
-const components = {
-  pre: CodeBlock,
-  code: CodeBlock,
-};
-
-const MdxProvider = ({ children }) => {
-  return <MDXProvider components={components}>{children}</MDXProvider>;
-};
-
-export default MdxProvider;
-

src/components/prism/prism-setup.js

@@ -1,10 +0,0 @@
-// prism-setup.js
-import Prism from 'prismjs';
-import 'prismjs/components/prism-python'; // Add more languages as needed
-
-// Add more languages as needed, e.g.:
-// import 'prismjs/components/prism-python';
-// import 'prismjs/components/prism-java';
-
-export default Prism;
-