feat: add new theme berry (#860)

* feat: add theme berry

* docs: add development notes

* fix: fix blank page

* chore: update implementation

* fix: fix package.json

* chore: update ui copy

---------

Co-authored-by: JustSong <songquanpeng@foxmail.com>

web/berry/src/routes/MainRoutes.js

@@ -0,0 +1,73 @@
+import { lazy } from 'react';
+
+// project imports
+import MainLayout from 'layout/MainLayout';
+import Loadable from 'ui-component/Loadable';
+
+const Channel = Loadable(lazy(() => import('views/Channel')));
+const Log = Loadable(lazy(() => import('views/Log')));
+const Redemption = Loadable(lazy(() => import('views/Redemption')));
+const Setting = Loadable(lazy(() => import('views/Setting')));
+const Token = Loadable(lazy(() => import('views/Token')));
+const Topup = Loadable(lazy(() => import('views/Topup')));
+const User = Loadable(lazy(() => import('views/User')));
+const Profile = Loadable(lazy(() => import('views/Profile')));
+const NotFoundView = Loadable(lazy(() => import('views/Error')));
+
+// dashboard routing
+const Dashboard = Loadable(lazy(() => import('views/Dashboard')));
+
+// ==============================|| MAIN ROUTING ||============================== //
+
+const MainRoutes = {
+  path: '/panel',
+  element: <MainLayout />,
+  children: [
+    {
+      path: '',
+      element: <Dashboard />
+    },
+    {
+      path: 'dashboard',
+      element: <Dashboard />
+    },
+    {
+      path: 'channel',
+      element: <Channel />
+    },
+    {
+      path: 'log',
+      element: <Log />
+    },
+    {
+      path: 'redemption',
+      element: <Redemption />
+    },
+    {
+      path: 'setting',
+      element: <Setting />
+    },
+    {
+      path: 'token',
+      element: <Token />
+    },
+    {
+      path: 'topup',
+      element: <Topup />
+    },
+    {
+      path: 'user',
+      element: <User />
+    },
+    {
+      path: 'profile',
+      element: <Profile />
+    },
+    {
+      path: '404',
+      element: <NotFoundView />
+    }
+  ]
+};
+
+export default MainRoutes;