Make Capa problems render inline

Description

Right now, rendering the student view for a capa problem causes it to create a placeholder div followed immediately by an AJAX request. This roundtrip can be expensive, especially on pages that have many problems (it is not unusual to have 4+ problems in a vertical).

Acceptance criteria:

1. A vertical with capa problems in it should render on the page without AJAX requests.
2. Ideally, changing to another vertical in the sequence should also not require Capa AJAX requests for initial rendering.
3. These changes should have minimal impact on server processing times, even in the case of complex courses with many codejailed problems in a sequence (check NR data and MITx's larger courses for test data).

Possible hiccups:

1. Decide whether we can render completely inline or whether we need to embed in a data element and trigger rendering afterwards.
2. Might require server side optimizations. Need to check both courseware rendering and the progress page.

WIP PR: https://github.com/edx/edx-platform/pull/11492
Background: https://openedx.atlassian.net/wiki/display/PERF/LMS+XBlock+Performance+Notes

Steps to Reproduce

None

Current Behavior

None

Expected Behavior

None

Reason for Variance

None

Release Notes

None

User Impact Summary

None

Assignee

Unassigned

Reporter

David Ormsbee

Labels

Reach

None

Impact

None

Platform Area

None

Customer

None

Partner Manager

None

URL

None

Contributor Name

None

Groups with Read-Only Access

None

Actual Points

None

Category of Work

None

Platform Map Area (Levels 1 & 2)

None

Platform Map Area (Levels 3 & 4)

None

Story Points

3

Sprint

None

Priority

Unset
Configure