✨ Develop the Case Study Body Component

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: https://github.com/SSWConsulting/SSW.Website/issues/3300).
• Tested and approved by Wicksy, Louis, and Betty.

Tasks:

• TODO - Developer to update

Figure: Case Study Body

No implementation file, test, or entry point is named. Start by reviewing the linked Figma Case Study Body design and the existing Next.js/TinaCMS component conventions in SSW.Website. Done means a responsive, accessible rich-text body supports the listed formatting and code content, works across the named browsers, and is approved by Wicksy, Louis, and Betty.