fix: handled the validateDOMNesting error

[0x23d11]

Description

Please provide a summary of the changes and which issue is fixed. Please include relevant motivation and context.

closes #1065

Changes

There were nesting p elements, I have modified the structure of the elements to get the same output but now the outer element is a div

Screenshots

Before

After

Tests

Please describe how the change has been tested.

[anth-volk]

This would fix the issue; however, at the moment, BottomCarousel is very much engineered to accept only text, a clear limitation of the component. Could you change the bottomText prop name to bottomElements or something similar and ensure that the app utilizes that prop properly (I think it's only invoked in two or three spots at the moment)? Otherwise I think it's unclear that that prop is being displayed as a div that other tags can sit within.

[anth-volk]

Please see commentary above

[0x23d11]

@anth-volk I have updated the code, let me know if there's any correction to be made

[anth-volk]

Thanks again, @dotslashbit. I left one comment that I should've flagged last time and neglected that is meant to keep the functioning of this prop standardized. After that, I think it's good to merge.

[anth-volk]

Suggested change

	bottomElements="PolicyEngine results may not constitute exact tax liabilities or benefit entitlements."
	bottomElements={<p>PolicyEngine results may not constitute exact tax liabilities or benefit entitlements.</p>}

[anth-volk]

Apologies, should've also mentioned this before in the earlier review.

[0x23d11]

@anth-volk did the required changes, let me know if there's anything needed to be done

[anth-volk]

This is perfect, thanks so much @dotslashbit!