feat: add course list item active style

[zuowendong]

关联 issue #170

实现效果如下：

1. 添加课程完成进度展示
2. 当前学习的课程名高亮显示

[hildxd]

ui 建议

[zuowendong]

thanks

• [x] update style
• [x] add api fields to show how many times the course has been completed

[cuixiaorui]

得到了 NaN

[cuixiaorui]

active course 应该是从哪一课进来就是哪一课高亮 现在是取缓存的课程进度的值 高亮的 有点迷糊 为什么我从 20 课进来的 但是高亮的确实 3 课呢

[zuowendong]

课程进度值 NaN 问题定位，是因为修改了localStorage中存储的进度数据结构，导致原本的数据计算异常 解决方案：在每次进入下一题前会调用接口course-progress，将当前的课程进度存到course-history表中。这可能存在频繁读写的问题，后续看是否能使用redis

课程高亮异常问题定位，是因为直接获取本地存储的activeCourseId值进行计算，没有在进入课程前做该值的更新操作 解决：在点击课程框进入，新增点击事件更新activeCourseId

[zuowendong]

附新版设计稿

[zuowendong]

移除了没有业务意义的课程进度功能 UI效果上也相应修改了课程卡片对应的状态 目前状态有：

• 未完成的灰色
• 已完成了紫色
• 当前选中课程的橙色