fix(695): Missing spacing between nested form fields

[shivamG640]

Fixes KaotoIO/kaoto#695,

This is how it looks now:

[shivamG640]

@lordrip,
It took me some time to learn about the issue where the canvas loading on the limited screen. I fixed it locally (actually a workaround to test this spacing change of mine). Not sure if we need that fix to be pushed as the hosted UI looks perfectly fine.
I am also unsure if I need to push the changes we added (restricting the sass version- "sass: 1.66.1") to link this repo with Kaoto-next for the local setup.

[lordrip]

@lordrip, It took me some time to learn about the issue where the canvas loading on the limited screen. I fixed it locally (actually a workaround to test this spacing change of mine). Not sure if we need that fix to be pushed as the hosted UI looks perfectly fine. I am also unsure if I need to push the changes we added (restricting the sass version- "sass: 1.66.1") to link this repo with Kaoto-next for the local setup.

Great, thanks for taking care of this @shivamG640. My suggestion would be to split the problem into pieces, in our case, this PR fixes the main issue and I think it should be merged as it is ✌️

Now, for the saas problem, there are two things to do actually. The first one is to move both:

• @types/invariant
• saas

into the devDependencies section of the package.json file.

Once that's done, we would be able to link both projects without an issue, because the devDepencies are only used at build time, si yarn won't complain. In addition to that, we might need to check which sass version are we using in kaoto-next, ideally, both should be the same one, aka, the latest. At the moment of writing, is sass@1.7.0

Now, for the other issue you mentioned, what is the fix? if doesn't affect the runtime, we can incorporate it, could you tell me more about it?