✨ Develop the Case Study Sidebar List Component

[bettybondoc]

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

Description:
Create the Case Study Sidebar List component for Consulting Pages to display additional information, such as a tech stack, alongside the main case study content. This component should support a list of items with customizable icons, headings, and body text, allowing users to showcase detailed, structured information in a sidebar format.

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

Acceptance Criteria

• The Case Study Sidebar List component includes the following customization options:

• Image File Uploader
• Item (Repeatable):
  • Icon Selector
  • Heading Text Field
  • Body Text Field

• Fully responsive across desktop, tablet, and mobile.
• Works seamlessly on all major browsers (Chrome, Firefox, Safari, Edge).
• Fields and sections can be enabled or disabled for flexibility.
• The UI for customization options is grouped logically for ease of use.
• 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: Sidebar List