feat: add new theme air (#1167)

* chore: add theme air with new-api main branch v0.2.0.3-alpha.1(first step)

* feat: 完成渠道界面

* chore: 优化渠道界面样式问题

* feat: 完成兑换码界面

* feat: 完成充值（钱包）界面

* chore: 初代air主题将使用default主题的运营设置界面、系统设置界面、其他设置界面

* feat: 完成日志界面

* feat: 完成用户管理界面

* feat: 完成个人设置界面

* feat: 完成令牌界面

* chore: 优化令牌界面逻辑

* feat: 修改版权信息

* chore: make necessary changes

---------

Co-authored-by: Calon <1808837298@qq.com>
Co-authored-by: Apple\Apple <zeraturing@foxmail.com>
Co-authored-by: JustSong <songquanpeng@foxmail.com>

web/air/src/index.js

@@ -0,0 +1,54 @@
+import { initVChartSemiTheme } from '@visactor/vchart-semi-theme';
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import {BrowserRouter} from 'react-router-dom';
+import App from './App';
+import HeaderBar from './components/HeaderBar';
+import Footer from './components/Footer';
+import 'semantic-ui-css/semantic.min.css';
+import './index.css';
+import {UserProvider} from './context/User';
+import {ToastContainer} from 'react-toastify';
+import 'react-toastify/dist/ReactToastify.css';
+import {StatusProvider} from './context/Status';
+import {Layout} from "@douyinfe/semi-ui";
+import SiderBar from "./components/SiderBar";
+
+// initialization
+initVChartSemiTheme({
+    isWatchingThemeSwitch: true,
+});
+
+const root = ReactDOM.createRoot(document.getElementById('root'));
+const {Sider, Content, Header} = Layout;
+root.render(
+    <React.StrictMode>
+        <StatusProvider>
+            <UserProvider>
+                <BrowserRouter>
+                    <Layout>
+                        <Sider>
+                            <SiderBar/>
+                        </Sider>
+                        <Layout>
+                            <Header>
+                                <HeaderBar/>
+                            </Header>
+                            <Content
+                                style={{
+                                    padding: '24px',
+                                }}
+                            >
+                                <App/>
+                            </Content>
+                            <Layout.Footer>
+                                <Footer></Footer>
+                            </Layout.Footer>
+                        </Layout>
+                        <ToastContainer/>
+                    </Layout>
+                </BrowserRouter>
+            </UserProvider>
+        </StatusProvider>
+    </React.StrictMode>
+);