feat: deprecate legacy Facebook product fields for new products

[devbodaghe]

Deprecate Facebook Product Fields and Improve UX

Description

This PR implements a conditional rendering approach for legacy Facebook product fields while deprecating them for new products. This change aims to provide a smoother transition away from deprecated fields while maintaining functionality for existing products that rely on them.

Changes Made:

• Added conditional rendering for Facebook product fields (Description, Custom Image URL, Facebook Price)
• Fields will only display for products that already have values stored
• Removed these fields from new product creation flow
• Added a dismissible deprecation notice to inform users about the upcoming removal of these fields
• Moved inline styles to dedicated CSS file for better maintainability

Technical Details:

• Fields are shown only when FB Image URL, Description, Price evaluates true
• Added clear deprecation messaging to help users understand the transition
• Improved code organization by separating presentation logic from business logic

Testing:

1. Existing products with Facebook fields should:

   • See the deprecation notice
   • Still have access to previously configured fields
   • Be able to edit existing values

2. New products should:

   • Not see the deprecated fields
   • Use the new recommended workflow for Facebook product management

3. All products should maintain their current Facebook catalog sync status

Screenshots

Existing Product Edit Screen

*All Facebook fields visible regardless of whether they were being used*

New Product Screen

*Showing all deprecated fields on new product creation*

After Changes

Existing Product with Facebook Fields

Only showing fields that were previously configured, with deprecation notice

New Product Screen

Clean interface without deprecated fields

Existing Product without Facebook Fields

Similar to new product screen, showing only current supported fields

[facebook-github-bot]

@devbodaghe has imported this pull request. If you are a Meta employee, you can view this diff on Phabricator.

[facebook-github-bot]

@devbodaghe has updated the pull request. You must reimport the pull request before landing.

[facebook-github-bot]

@devbodaghe has imported this pull request. If you are a Meta employee, you can view this diff on Phabricator.

[facebook-github-bot]

@devbodaghe merged this pull request in eaccf0c.