[Focused Improvements] [React] [NextJS] Attributes of an empty placeholder are applied to the next sibling <div> tag in Experience Editor of JSS item

[illiakovalenko]

[Focused Improvements] [React] [NextJS] Attributes of an empty placeholder are applied to the next sibling

tag in Experience Editor of JSS item

Description / Motivation

In case if we need to render empty placeholder, some part of markup will be inserted by EE,
so we need to separate empty placeholder's markup and allow react reconciliation to be executed correctly and don't mess sibling tags.

Inserted by EE:

Testing Details

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)
• Documentation update (non-breaking change; modified files are limited to the /docs directory)

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/sitecore-jss/edge-e2e-styleguide/6Shy5QiaNmCsVmtC9B5FJfJDRhkZ
✅ Preview: https://edge-e2e-styleguide-git-bugfix-487854-sitecore-jss.vercel.app

[CobyPear]

Just one comment, looks good otherwise.