feat: Create Spoiler component folder

Related to garageScript#2080

components/mdx/Spoiler.tsx → components/mdx/Spoiler/Spoiler.tsx

@@ -1,12 +1,14 @@
 import React from 'react'
+import styles from './spoiler.module.scss'
+
 type Props = {
   name?: string
 }
 const Spoiler: React.FC<Props> = ({ children, name }) => {
   return (
-    <details className="mb-4">
+    <details className="mb-3">
       <summary>{name || 'Answer'}</summary>
-      <div className="ms-4">{children}</div>
+      <div className={styles.content}>{children}</div>
     </details>
   )
 }

components/mdx/Spoiler/index.tsx

@@ -0,0 +1 @@
+export { default } from './Spoiler'

components/mdx/Spoiler/spoiler.module.scss

@@ -0,0 +1,3 @@
+.content {
+  margin-left: 0.9rem;
+}