✨ Develop the Case Study Body Component

[bettybondoc]

cc @wicksipedia @isaaclombardssw @UlyssesMaclaren @adamcogan @miichaelsmedley @louisroa8189

Description:
Create the Case Study Body component for Consulting Pages. This component should allow users to present detailed case study content in a structured and visually appealing way. The component must include WYSIWYG (What You See Is What You Get) functionality to enable rich-text editing and formatting. It should prioritize flexibility, accessibility, and responsiveness for optimal readability across all devices.

This component will be used to build the Case Study Page - Case Study - Desktop

Acceptance Criteria:

• The Case Study Body component includes the following functionality:

• WYSIWYG editor for rich-text content.
• Support for headings, paragraphs, lists (ordered and unordered), links, and inline formatting (bold, italic, etc.).
• Ability to insert and format technical content such as code snippets or inline text highlights.

• Fully responsive across desktop, tablet, and mobile.
• Works seamlessly on all major browsers (Chrome, Firefox, Safari, Edge).
• Code is ready for theming (e.g., Light/Dark modes, custom colors – see linked PBI: ✨ Introduce Light/Dark Mode with User Control and Auto-Detect #3300).
• Tested and approved by Wicksy, Louis, and Betty.

Tasks:

• TODO - Developer to update

Figure: Case Study Body