chore(deps): bump framer-motion from 12.23.26 to 12.24.7 in /frontend

[dependabot]

Bumps framer-motion from 12.23.26 to 12.24.7.

Changelog

Sourced from framer-motion's changelog.

[12.24.7] 2026-01-06

Fixed

• Fix duplicate exit animations in AnimatePresence.

[12.24.6] 2026-01-06

Fixed

• Remove memory leak from retained matchMedia callbacks.

[12.24.5] 2026-01-06

Fixed

• Prevent ref access error for AnimatePresence popLayout mode in React 19.

[12.24.4] 2026-01-06

Fixed

• Support ref functions that return a cleanup callback.

[12.24.3] 2026-01-06

Fixed

• Ensure onAnimationStart and onAnimationComplete callbacks fire for useSpring.

[12.24.2] 2026-01-06

Fixed

• Ensure useDragControls snapToCursor: true` works with initial transforms.

[12.24.1] 2026-01-06

Fixed

• Ensure CSS Motion Path properties are applied via style on SVG elements.
• Ensure JSX is correctly imported by Reorder.Item.

[12.24.0] 2026-01-05

Added

• { type: "svg" } option to motion.create() for creating custom SVG components.
• px default value type for CSS logical properties (paddingBlock, paddingInline, marginBlock, marginInline).

... (truncated)

Commits

• e82a97c v12.24.7
• f77087f Updating changelog
• 9cddabf Merge pull request #3454 from motiondivision/duplicate-animate-presence
• aa8b46b Fix duplicate exit animation processing in AnimatePresence
• f3adb2c v12.24.6
• 85d3d43 Updating changelog
• d8b9a05 Adding performance benchmark for atomic updates
• 4797be1 Merge pull request #3453 from motiondivision/memory-leak
• 40d6eb4 test: add unit tests for reduced motion listener initialization
• 49a96c7 fix: optimize prefers-reduced-motion listener initialization
• Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

---

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

[fingertips18]

@coderabbitai Are there any breaking changes in this dependency update? Is it safe to merge?

[coderabbitai]

Important

Review skipped

Bot user detected.

To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Tip

For best results, initiate chat on the files or code changes.

🧩 Analysis chain

🏁 Script executed:

#!/bin/bash
# Check for framer-motion usage in the frontend directory
echo "=== Searching for framer-motion imports and usage ==="
rg -n --type=tsx --type=ts --type=jsx --type=js -g 'frontend/**' "from ['\"]framer-motion['\"]" -A 2

echo -e "\n=== Checking for AnimatePresence usage ==="
rg -n --type=tsx --type=ts --type=jsx --type=js -g 'frontend/**' "AnimatePresence"

echo -e "\n=== Checking for useSpring usage ==="
rg -n --type=tsx --type=ts --type=jsx --type=js -g 'frontend/**' "useSpring"

echo -e "\n=== Checking for useDragControls usage ==="
rg -n --type=tsx --type=ts --type=jsx --type=js -g 'frontend/**' "useDragControls"

echo -e "\n=== Checking for motion.create usage ==="
rg -n --type=tsx --type=ts --type=jsx --type=js -g 'frontend/**' "motion\.create"

echo -e "\n=== Checking for Reorder.Item usage ==="
rg -n --type=tsx --type=ts --type=jsx --type=js -g 'frontend/**' "Reorder\.Item"

echo -e "\n=== Checking package.json for React version ==="
cat frontend/package.json | jq '.dependencies.react'

Length of output: 489

---

🏁 Script executed:

#!/bin/bash
# Check for framer-motion usage in the frontend directory with correct approach
echo "=== Searching for framer-motion imports and usage ==="
rg -n "from ['\"]framer-motion['\"]" frontend/ -A 2

echo -e "\n=== Checking for AnimatePresence usage ==="
rg -n "AnimatePresence" frontend/

echo -e "\n=== Checking for useSpring usage ==="
rg -n "useSpring" frontend/

echo -e "\n=== Checking for useDragControls usage ==="
rg -n "useDragControls" frontend/

echo -e "\n=== Checking for motion.create usage ==="
rg -n "motion\.create" frontend/

echo -e "\n=== Checking for Reorder.Item usage ==="
rg -n "Reorder\.Item" frontend/

echo -e "\n=== List all framer-motion related files ==="
rg -l "framer-motion" frontend/

Length of output: 3820

---

@fingertips18: Yes, it's safe to merge! ✅

Based on my analysis of the changelog and your codebase:

Breaking Changes

None. This is a minor version update with only bug fixes and new features.

Key Improvements in This Update

1. Memory Leak Fix (12.24.6) - Removes memory leak from matchMedia callbacks. This is beneficial for all users.

2. React 19 Compatibility (12.24.5, 12.24.4) - Important for your project since you're using React 19.2.3:

   • Fixed ref access error in AnimatePresence
   • Added support for ref functions with cleanup callbacks

3. Additional Bug Fixes:

   • Fixed duplicate exit animations in AnimatePresence
   • Fixed callbacks for useSpring
   • Fixed useDragControls with transforms
   • Fixed SVG CSS Motion Path properties

4. New Features (12.24.0):

   • SVG option for motion.create()
   • Default px units for CSS logical properties

Your Codebase Usage

Your codebase uses only the basic motion component from framer-motion across 12 files (animation wrappers, loading spinners, form components, etc.). You're not using any of the specific features that received fixes (AnimatePresence, useSpring, useDragControls, Reorder.Item), which further reduces any risk.

Recommendation: Safe to merge. The memory leak fix and React 19 compatibility improvements make this a worthwhile update.

[dependabot]

Superseded by #445.