fix: break long variable values in code blocks

[SebastianStamm]

Description

Long variables broke the layout, not only in the incident modal, but also in the variables tab. I decided to add the rule to the general code tag in alignment with the rules established by Bootstrap here:

zeebe-play/src/main/resources/public/css/bootstrap-reboot.css

Lines 268 to 272 in bdcf7c0

	code {
	font-size: 0.875em;
	color: #d63384;
	word-wrap: break-word;
	}

Related issues

contributes to #193

[saig0]

@SebastianStamm I'm not sure if the issue is already solved.

I tested the issue with a process instance that contains long variables. If I look at the variables in the incident modal, it looks still broken.

[SebastianStamm]

I cannot reproduce this issue. I have used the linked process and filled the pull_requests variable with a long JSON (because I did not want to setup the connector). Both on Chrome and Firefox the value field wraps correctly:

[saig0]

@SebastianStamm weird. I still face this issue. Let's have a look together. 👀

[saig0]

After looking at it together, we saw that the change doesn't fix the issue completely but improves the situation. We merge the PR to make progress. 🚀