优化前端代码，使其通过eslint 验证

[PmcFizz]

Describe the bug
前端代码引入了eslint，用来校验代码，但目前没有用起来，依然存在很多警告和错误。

Reproduce steps
进入pkg/web目录，执行npm run lint
会检验出很多的 警告和错误。

Expected behavior
修复所有错误，选择性修复警告。

Screenshots

Environment (please complete the following information):

• K8S Version: [e.g. 1.19]
• Crane Version: [e.g. 0.1.0]
• Browser [e.g. chrome, safari]

[JaneConan]

[bootcamp] I would like to work on it~

[JaneConan]

请教一下，只修复error就可以了么

warning 中 有一些特殊符号，想请教一下这些代表什么意思

[JaneConan]

我执行了如下语句

npm run lint -- --fix

错误修复了大部分，然后还有88个，这些是需要手动调整的吧

[PmcFizz]

我执行了如下语句

npm run lint -- --fix

错误修复了大部分，然后还有88个，这些是需要手动调整的吧

由于涉及文件非常多，且改动比较大。建议与官方开发人员协商，分批，修复，提交 review。

[JaneConan]

@PmcFizz 好的，感谢您的指导

胡老师 @qmhu 这边我之前有联系，目前我想知道crane的前端团队负责人，再帮忙看看

目前手改了一些，并提交了pr，剩下这些需要和大家再讨论了

[qmhu]

bootcamp的issue和代码提交希望能够完成一些功能方面的能力，前端主要是做一个展示和demo为主，基本功能可用即可