Downgrade framer-motion to fix opacity changing bug

rsconcept/frontend/package-lock.json

@@ -14,7 +14,7 @@
         "@uiw/react-codemirror": "^4.22.2",
         "axios": "^1.7.2",
         "clsx": "^2.1.1",
-        "framer-motion": "^11.2.12",
+        "framer-motion": "^11.0.10",
         "js-file-download": "^0.4.12",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
@@ -5838,22 +5838,21 @@
       }
     },
     "node_modules/framer-motion": {
-      "version": "11.2.12",
+      "version": "11.0.10",
-      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-11.2.12.tgz",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-11.0.10.tgz",
-      "integrity": "sha512-lCjkV4nA9rWOy2bhR4RZzkp2xpB++kFmUZ6D44V9VQaxk+JDmbDd5lq+u58DjJIIllE8AZEXp9OG/TyDN4FB/w==",
+      "integrity": "sha512-aaImib9FQlfno2yiZAdkvN6zLXLr8a9uGsGFlQO64hSm8NoCeiUng2//5ok7RHCW2ufzT74uuPsmWzUsrHPYDQ==",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.4.0"
       },
+      "optionalDependencies": {
+        "@emotion/is-prop-valid": "^0.8.2"
+      },
       "peerDependencies": {
-        "@emotion/is-prop-valid": "*",
         "react": "^18.0.0",
         "react-dom": "^18.0.0"
       },
       "peerDependenciesMeta": {
-        "@emotion/is-prop-valid": {
-          "optional": true
-        },
         "react": {
           "optional": true
         },
@@ -5862,6 +5861,23 @@
         }
       }
     },
+    "node_modules/framer-motion/node_modules/@emotion/is-prop-valid": {
+      "version": "0.8.8",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz",
+      "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emotion/memoize": "0.7.4"
+      }
+    },
+    "node_modules/framer-motion/node_modules/@emotion/memoize": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz",
+      "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/fs-minipass": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",

rsconcept/frontend/package.json

@@ -18,7 +18,7 @@
     "@uiw/react-codemirror": "^4.22.2",
     "axios": "^1.7.2",
     "clsx": "^2.1.1",
-    "framer-motion": "^11.2.12",
+    "framer-motion": "^11.0.10",
     "js-file-download": "^0.4.12",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",

rsconcept/frontend/src/pages/LibraryPage/LibraryPage.tsx

@@ -65,7 +65,7 @@ function LibraryPage() {
 
   useLayoutEffect(() => {
     setItems(library.applyFilter(filter));
-  }, [library, filter, filter.query]);
+  }, [library, library.items.length, filter]);
 
   const toggleVisible = useCallback(() => setIsVisible(prev => toggleTristateFlag(prev)), [setIsVisible]);
   const toggleOwned = useCallback(() => setIsOwned(prev => toggleTristateFlag(prev)), [setIsOwned]);