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/utils/route-guard/AuthGuard.js

@@ -0,0 +1,20 @@
+import { useSelector } from 'react-redux';
+import { useEffect, useContext } from 'react';
+import { UserContext } from 'contexts/UserContext';
+import { useNavigate } from 'react-router-dom';
+
+const AuthGuard = ({ children }) => {
+  const account = useSelector((state) => state.account);
+  const { isUserLoaded } = useContext(UserContext);
+  const navigate = useNavigate();
+  useEffect(() => {
+    if (isUserLoaded && !account.user) {
+      navigate('/login');
+      return;
+    }
+  }, [account, navigate, isUserLoaded]);
+
+  return children;
+};
+
+export default AuthGuard;