Add native queries and remove react-container-query

[abcampo-iry]

Summary

• Replace react-container-query with a small internal ResizeObserver hook for the editor container breakpoint.
• Keep existing native CSS container-query layout behavior unchanged.
• Preserve the current 720px responsive behavior for editor/output resizing:
  • desktop: side-by-side layout, right resize handle, 50% width / 100% height
  • stacked: column layout, bottom resize handle, 100% width / 50% height
• Remove the unused containerQueries.js helper and the react-container-query dependency.

[Copilot]

Pull request overview

Replaces the react-container-query dependency with an internal ResizeObserver-based hook to detect the editor container’s “desktop” breakpoint (720px) while keeping the existing CSS container-query layout behavior and editor/output resizing UX.

Changes:

• Removed react-container-query (and related transitive packages) and deleted the now-unused containerQueries.js helper.
• Added useContainerMinWidth hook to detect whether a container meets a minimum width threshold.
• Updated Project to use the new hook and extended unit tests to cover the desktop vs stacked resize-handle behavior.

Reviewed changes

Copilot reviewed 6 out of 7 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
package.json	Removes react-container-query dependency.
yarn.lock	Drops react-container-query and now-unused transitive dependencies.
src/utils/containerQueries.js	Removes obsolete container-query config helper.
src/hooks/useContainerMinWidth.js	Introduces internal container min-width detection hook using ResizeObserver.
src/hooks/useContainerMinWidth.test.js	Adds unit tests for the new hook behavior and cleanup.
src/components/Editor/Project/Project.jsx	Switches breakpoint logic from useContainerQuery to useContainerMinWidth(720).
src/components/Editor/Project/Project.test.js	Mocks the new hook and adds assertions for the desktop resize handle/style behavior.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[DNR500]

Nice thanks for doing this!