fix: 🐛 json directive adds unexpected whitespace

[shufo]

• fix: 🐛 json directive adds unexpected whitespace
• test: 💍 add test for json directive

Description

This PR fixes @json directive bug that adds unexpected whitespace if quotation used in @json directive is same as outer quotation.

e.g.

<div data-single-quote='@json('string with single quote')'>
</div>

will format into

<div data-single-quote='@json(' string with single quote')'>
</div>

fixed behaviour keeps format even if quotation mark is same.

Related Issue

• fixes: Formatter adds unnecessary whitespaces to @json directives #210
• fixes: directive in html attribute occurs unexpected line break #334

How Has This Been Tested?

see tests