feat(FormBuilder): add ghost class for draggable fields

[harshtandiya]

Added a ghost-class with opacity to the draggable fields in the FormBuilderContent component to enhance the visual feedback during drag-and-drop actions.

Summary by CodeRabbit

• Style
  • Enhanced drag-and-drop visual feedback with improved opacity styling for dragged items.

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 2c116ff7-b131-4f20-91c1-308cfdad1552

📥 Commits

Reviewing files that changed from the base of the PR and between 9035fdb and 0f5afee.

📒 Files selected for processing (1)

• frontend/src/components/FormBuilderContent.vue

---

📝 Walkthrough

Walkthrough

A visual style was added to the drag-and-drop ghost state in the form builder by setting ghost-class="opacity-50" on the vuedraggable component, providing visual feedback during item dragging without changing any underlying logic.

Changes

Cohort / File(s)	Summary
Drag-and-Drop Visual Feedback frontend/src/components/FormBuilderContent.vue	Added ghost-class="opacity-50" to the vuedraggable component to apply opacity styling to the ghost element during drag operations, improving visual feedback without affecting functionality.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Poem

🐰 A whisper of opacity, so light and so faint,
When dragging and dropping, I paint
A ghost of the past, with fifty percent fade,
The perfect illusion the form builder made! ✨

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feat/hover-indicators

---

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

_{Review rate limit: 0/1 reviews remaining, refill in 60 minutes.}

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

[github-actions]

Backport branch created but failed to create PR.
Request to create PR rejected with status 403.

(see action log for full response)