ViewCampaignPage.tsx: Refactoring

[sashko9807]

The current ViewCampaignPage, is structured in a kind of an anti-pattern way, for react. Will give better explanation later.

Closes #1536 Hopefully

[github-actions]

❌ Not all tests have run for this PR. Please add the run tests label to trigger them.

[igoychev]

are you working on this one?
Just thought to test it and saw the text description is wider than before.

[ani-kalpachka]

@igoychev @sashko9807 This style issue is most probably caused by removing <StyledGrid item xs={12} md={8}> in CampaignDetails.tsx.

[sashko9807]

are you working on this one? Just thought to test it and saw the text description is wider than before.

@igoychev did you by any chance, use the mxeditor to insert the text of the campaign from the image above, because I am not able to reproduce this in local environment(image below).

Its good thing to keep in mind when , that when inserting an image or video using React Quill, the editor adds its own CSS classes to the elements, thus switching to MxEditor, is not exactly backwards compatible, with campaigns whose texts were added using React Quill.

That's the main reason I implemented the QuillStyleWrapper, though it might still need some adjustments.(I haven't tried it with text inputs from mxeditor)

[sashko9807]

Seems like removing unnecessary re-renders doesn't actually solve the issue, as I thought.
Closing for now, as there isn't any visible performance benefits, and could be re-implemented later on.