Fix part of #18384: Reusable card component for learner dashboard redesign

[amyyeung17]

Overview

This PR addresses part of the 2nd breakpoint of #18384, adding a new reusable card component.

Includes 3 new files:

• lesson-card-component.ts
• lesson-card-component.spec.ts
• lesson-card-component.html

This reusable card component essentially consolidates these files in summary-tile beginning with:

• lesson-story-summary-tile
• exploration-summary-tile
• collection-summary tile

Additional notes:

• Exploration progress is used with a placeholder value until changes are finalized.
• Goal and learner group tags are to be implemented later

Essential Checklist

Please follow the instructions for making a code change.

• I have linked the issue that this PR fixes in the "Development" section of the sidebar.
• I have checked the "Files Changed" tab and confirmed that the changes are what I want to make.
• I have written tests for my code.
• The PR title starts with "Fix #bugnum: " or "Fix part of #bugnum: ...", followed by a short, clear summary of the changes.
• I have assigned the correct reviewers to this PR (or will leave a comment with the phrase "@{{reviewer_username}} PTAL" if I can't assign them directly).

Proof that changes are correct

reusable-card.mov

[oppiabot]

Hi @amyyeung17, it looks like some changes were requested on this pull request by @nikitaevg. PTAL. Thanks!

[oppiabot]

Unassigning @nikitaevg since they have already approved the PR.

[oppiabot]

Unassigning @DubeySandeep since they have already approved the PR.

[oppiabot]

Hi @amyyeung17, this PR is ready to be merged. Please address any remaining comments prior to merging, and feel free to ask someone to merge your PR once the CI checks pass and you're happy with it. Thanks!