Improve the display of block metadata in the plugin directory

[tellyworth]

As of [8547] the plugin directory includes a new simple list of blocks registered by plugins in the Block-Enabled Plugins section. For example:

​https://wordpress.org/plugins/easy-post-embed-code/#blocks

This is a general ticket for discussing improvements to this feature.

[tellyworth]

Here's what the list of blocks looks like as a starting point. It's a simple dl/dd/dt list that gives the name and description of each block found in the code.

[pratikgandhi]

Design for the Blocks section

[pratikgandhi]

Hello @tellyworth

How about this?

It can be done using the below code:

<ul>
    <li>
	<h6>atomic-blocks/ab-pricing</h6>			
        <p>AB Pricing</p>
    </li>
    <li>
	<h6>atomic-blocks/newsletter</h6>			
        <p>Email newsletter</p>
    </li>
    <li>
	<h6>atomic-blocks/ab-column</h6>			
        <p>AB Advanced Column</p>
    </li>

    <li>
	<h6>atomic-blocks/ab-spacer</h6>			
        <p>AB Spacer</p>
    </li>
    <li>
	<h6>atomic-blocks/ab-container</h6>			
        <p>AB Container</p>
    </li>
    <li>
	<h6>atomic-blocks/ab-sharing</h6>			
        <p>AB Sharing</p>
    </li>
</ul>

Thanks

[tellyworth]

#4519 involves a somewhat similar semantic structure, so perhaps we should use the same markup.

[dufresnesteven]

What about how GitHub does it for projects? Minus the icons and such.