Create a Courses block based on Query Loop block

[Imran92]

Goal

To create a block based on the Query Loop block ( possibly using variation ) available on the GB inserter.

Scope

• Editor: A variation of Query Loop block in the inserter to show only courses, will look the same as Query Loop when inserted, but with a different icon and block name
• Frontend: Renders a list of courses the same way when we select post type === course in Query Loop block's settings

Acceptance Criteria:

Scenario: Having a course list block in the inserter Given I am in a GB edit page And I have opened the inserter to add a new block When I scroll to Sensei blocks or search by Courses Then I should see the Courses block, clicking on it should add a new block with Course as the post type.

Scenario: Identifying block as "Courses" block instead of "Query Loop" block after it's already added Given I have already added the Courses block in the page And I have saved and reloaded the page When When I click on the Courses block that I added before Then The block tree should recognize it as a Courses block, not Query Loop block