[Task] [Optimization] Optimizing Deprecated React Lifecycle

[VampireAchao]

Description

see：
https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html

There are so many warnings indicating that we should use the new lifecycle instead of the old one, so I think it's necessary to split it into multiple tasks and make the changes one by one.

Task List

• src/routes/System/Alert/index.js
• src/components/Authorized/PromiseRender.js
• src/components/CountDown/index.js
• src/components/Login/LoginTab.js
• src/components/SideMenu/SideMenu.js
• src/routes/Plugin/Common/Rule.js
• src/routes/Sytem/Resources/index.js
• src/utils/AuthRoute.js
• src/routes/System/AppAuth/index.js
• src/routes/System/Dict/index.js
• src/routes/System/Metadata/index.js
• src/routes/System/Plugin/index.js
• src/routes/System/PluginHandle/index.js
• src/routes/Plugin/Common/Selector.js @eurecalulu
• src/routes/System/Role/index.js
• src/routes/System/User/index.js
• src/routes/System/User/DataPermModal.js
• src/utils/AuthButton.js

[eurecalulu]

Please assign src/routes/Plugin/Common/Rule.js and src/routes/Plugin/Common/Selector.js to me~