Implement About recommendation modal

[akolson]

Overview

This task involves implementing the About recommendation modal that is displayed when the About recommendations link in the recommended resources panel is clicked. Add the modal to SearchOrBrowseWindow.vue

Description and outcomes

• Design requirements
  

• Markup requirements

  <ImportFromChannelsModal>
      <template ...>
          ...
          <!-- About recommendations modal -->
          <KModal ...>
              ...     
          </KModal>  
       </template>
   </ImportFromChannelsModal>

• Styling requirements

  • See Figma designs for styling requirements.

• Architectural requirements

  • Use KModal component to implement the modal.

Acceptance Criteria

• Clicking the About recommendations link displays the About recommendations modal.
• Tests are written to verify correctness of page.

Assumptions and Dependencies

• Is blocked by;
  • Update Import from other channels page to display recommendations #4565

Scope

The scope of this task is limited to;

• Implementing the About recommendations modal as specified in the Figma designs

Accessibility Requirements

NA

Resources

• Figma designs
• KModal