🦙 Bug - TinaCMS Dependency - BoxEmbed - Support nested MDX components

Requested by: @jakebayliss via YakShaver.ai 🦬
cc: @jakebayliss, @Aibono1225, @Marxoz, @PothieuG, @Freego1783

Hi Team!

  🟥  Watch the video (1 min 14 sec)

  Url from screen share: https://www.ssw.com.au/rules-beta/admin#/rules-beta/prefix-job-title

Pain

MDX components are not rendering properly when nested inside other MDX components. This issue is observed when an image is embedded inside a box component, and it fails to render correctly.

Acceptance Criteria

1. MDX components should render correctly when nested inside other MDX components.
2. The image embedded inside the box component should display properly.
3. Ensure that the fix does not affect other functionalities of the application.

Reproduce Steps

1. Navigate to the SSW rules page.
2. Scroll down to the bottom of the page where the box component with an embedded image is located.
3. Observe that the image does not render properly inside the box component.
4. Check the same issue on 'Marina Gerber's side of the rule to confirm the rendering problem.

Screenshot

Figure: MDX components cannot be nested

Start by reproducing the rendering problem at the SSW rules URL and inspect the TinaCMS/MDX rendering entry point responsible for the box component. Verify the nested image case and the corresponding example on Marina Gerber's rule. Done means nested MDX components render correctly, the image displays inside the box, and other application functionality remains unaffected.