fix(bento): global z-index reset onDragStart()

.eslintrc.js

@@ -22,10 +22,10 @@ module.exports = {
         tsconfigRootDir: __dirname,
     },
     rules: {
-        'prettier/prettier': 'error',
+        'prettier/prettier': 'warn',
         'react/react-in-jsx-scope': 'off',
         'jsx-a11y/anchor-is-valid': [
-            'warning',
+            'warn',
             {
                 components: ['Link'],
                 specialLink: ['hrefLeft', 'hrefRight'],

components/bento/BentoBox.tsx

@@ -37,7 +37,12 @@ const BentoBox = ({ posts }) => {
         if (timeoutRef.current) {
             clearTimeout(timeoutRef.current)
         }
-        element.style.zIndex = '100'
+
+        document.querySelectorAll('.react-grid-item').forEach((item) => {
+            ;(item as HTMLElement).style.zIndex = '1'
+        })
+
+        element.style.zIndex = '10'
     }
 
     const handleDragStop = (element) => {