fix MovableAreaImageBackground against tailwindcss

[jokester]

required after #42

Summary by CodeRabbit

• Style
  • Improved rendering of movable area image backgrounds to avoid unintended width constraints, ensuring consistent appearance across screen sizes and when custom classes are applied.

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

Introduces classNames utility and consolidates CSS class handling in MovableAreaImageBackground by merging incoming className with a fixed "max-w-none" class. Component API remains unchanged; only internal styling computation and a clarifying comment were added.

Changes

Cohort / File(s)	Summary
Component styling consolidation src/components/project-file/MovableAreaImageBackground.tsx	Import classnames; rename incoming className to _className; compute internal className = classNames(_className, 'max-w-none'); add comment; no public API changes.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

A whisk of CSS in twilight’s glow,
I nudge my classes, then off I go—
max-w-none beneath the moon,
Tailwind tamed, we hum a tune.
With gentle hops, styles align,
A tidy burrow: neat, divine. 🐇✨

✨ Finishing touches

• 📝 Generate Docstrings

🧪 Generate unit tests

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch fix-tailwindcss-override

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between c5bec06 and a1807bd.

📒 Files selected for processing (1)

• src/components/project-file/MovableAreaImageBackground.tsx (2 hunks)

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud