Move [read only] to be next to the property as it is not clear at the moment

[yaustar]

Looking at the list of properties, it is not clear if the read only tag is for the property above or below.

[kungfooman]

It's stemming from this template:

playcanvas-jsdoc-template/tmpl/property.hbs

Lines 1 to 7 in 21e5455

	<div id="{{obj.name}}">
	<span class="property">{{{type-link obj.type}}}</span><span class="property">{{obj.name}} <a class="font-icon" href="#{{obj.name}}">&#58216;</a></span>
	<p>{{{parse obj.description}}}{{{readonly obj}}}</p>
	{{#each obj.examples}}
	{{> example content=this}}
	{{/each}}
	</div>

<p>{{{parse obj.description}}}</p> already contains a <p>...</p> and a paragraph as a block tag creates this newline break... however, we could just put the readonly annotation behind the span, which is an inline tag:

<div id="{{obj.name}}">
    <span class="property">{{{type-link obj.type}}}{{{readonly obj}}}</span>
    <span class="property">{{obj.name}} <a class="font-icon" href="#{{obj.name}}">&#58216;</a></span>
    <p>{{{parse obj.description}}}</p>
{{#each obj.examples}}
    {{> example content=this}}
{{/each}}
</div>

That looks like this:

(since readonlyness is type information, it should be next to the type anyway when possible, so we solve two issues with one little change here 🤔)