remove garbage

app/globals.scss

@@ -718,14 +718,4 @@ table {
     width: 70vw;
   }
   padding-bottom: 3vh;
-}
-
-details[open] summary ~ * {
-  animation: sweep .5s ease-in-out;
-}
-
-@keyframes sweep {
-  0%    {opacity: 0; margin-left: -10px}
-  100%  {opacity: 1; margin-left: 0px}
-}
-
+}
\ No newline at end of file

components/Layout.js

 import * as React from "react";
 import Footer from "./Footer";
 import Menu from "./Menu";
-import RotatingImages from "./RotatingImages";
 
 const Layout = ({ children }) => {
   return (
@@ -17,7 +16,6 @@ const Layout = ({ children }) => {
         id="main-content"
       >
         <Menu />
-        {/* <RotatingImages /> */}
         <main>{children}</main>
         <Footer />
       </div>

package.json

@@ -13,7 +13,6 @@
     "@mdx-js/loader": "^2.3.0",
     "@mdx-js/react": "^2.3.0",
     "@next/mdx": "^13.4.7",
-    "better-react-mathjax": "^2.0.3",
     "bootstrap": "^5.3.0",
     "eslint": "8.43.0",
     "eslint-config-next": "13.4.7",

pages/_app.js

 import Layout from "@/components/Layout";
 import "../app/globals.scss";
 import "../app/dracula.css";
-import { MathJaxContext } from "better-react-mathjax";
 
 export default function App({ Component, pageProps }) {
   // Use the layout defined at the page level, if available
@@ -9,11 +8,9 @@ export default function App({ Component, pageProps }) {
 
   return getLayout(
     <>
-      <MathJaxContext>
-        <Layout>
-          <Component {...pageProps} />
-        </Layout>
-      </MathJaxContext>
+      <Layout>
+        <Component {...pageProps} />
+      </Layout>
     </>
   );
 }