Squash merge with main

.prettierignore

@@ -6,4 +6,4 @@ node_modules
 next-env.d.ts
 next.config.ts
 yarn.lock
-**/.yaml
+**/*.yaml

next.config.mjs

@@ -17,31 +17,22 @@ const nextConfig = {
     ]
   },
   webpack(config) {
-    // Grab the existing rule that handles SVG imports
-    const fileLoaderRule = config.module.rules.find(rule =>
-      rule.test?.test?.('.svg')
-    );
-
-    config.module.rules.push(
-      // Reapply the existing rule, but only for svg imports ending in ?url
-      {
-        ...fileLoaderRule,
-        test: /\.svg$/i,
-        resourceQuery: /url/ // *.svg?url
-      },
-      // Convert all other *.svg imports to React components
-      {
-        test: /\.svg$/i,
-        issuer: fileLoaderRule.issuer,
-        resourceQuery: { not: [...fileLoaderRule.resourceQuery.not, /url/] }, // exclude if *.svg?url
-        use: ['@svgr/webpack']
-      }
-    );
-
-    // Modify the file loader rule to ignore *.svg, since we have it handled now.
-    fileLoaderRule.exclude = /\.svg$/i;
+    config.module.rules.push({
+      test: /\.svg$/i,
+      use: ['@svgr/webpack']
+    });
 
     return config;
+  },
+  experimental: {
+    turbo: {
+      rules: {
+        '*.svg': {
+          loaders: ['@svgr/webpack'],
+          as: '*.js'
+        }
+      }
+    }
   }
 };
 

package.json

@@ -12,14 +12,17 @@
     "prepare": "husky"
   },
   "dependencies": {
+    "@radix-ui/react-accordion": "^1.1.2",
     "focus-trap-react": "^10.2.3",
     "matter-js": "^0.19.0",
     "next": "14.2.3",
     "pathseg": "^1.2.1",
     "poly-decomp": "^0.3.0",
     "react": "^18",
     "react-dom": "^18",
-    "svgpath": "^2.6.0"
+    "svgpath": "^2.6.0",
+    "keen-slider": "^6.8.6",
+    "react-draggable": "^4.4.6"
   },
   "devDependencies": {
     "@svgr/webpack": "^8.1.0",