Fix styling inconsistency for FormSingleRecordFieldChip placeholder

[Devessier]

Before

After

[greptile-apps]

PR Summary

Standardizes form field placeholder styling across the application by introducing a centralized FormFieldPlaceholder component and associated styles.

• Added new FormFieldPlaceholder.tsx component and FORM_FIELD_PLACEHOLDER_STYLES constant to ensure consistent placeholder appearance
• Refactored FormSingleRecordFieldChip to use the new placeholder component, improving visual consistency as shown in screenshots
• Updated TextVariableEditor and FormMultiSelectFieldInput to use the shared placeholder styling
• Modified WorkflowEditActionFormBuilder to replace custom styled div with reusable FormFieldPlaceholder

_{6 files reviewed, no comments
Edit PR Review Bot Settings | Greptile}

[lucasbordeau]

Could we create a component for StyledPlaceholder ?

Also could margin be replaced by a padding or a gap ?

[Devessier]

@lucasbordeau, I created the FormFieldPlaceholder reusable component in my PR. I overrode the component in some places to keep specific local styles, like width: 100% and margin: ${({ theme }) => theme.spacing(2)};.

I will change margin to padding.

[github-actions]

🚀 Preview Environment Ready!

Your preview environment is available at: http://bore.pub:30411

This environment will automatically shut down when the PR is closed or after 5 hours.

[Devessier]

@lucasbordeau, I tried to switch from margin to padding, but that's not a drop-in replacement. I prefer to refactor the code later. It could easily break many subtle details in the workflows.