chore: remove UserGuide wrapper in CurrentUser Component

src/common/component/CurrentUser.js

@@ -4,7 +4,7 @@ import { useSelector } from "react-redux";
 import soundIcon from "../../assets/icons/sound.on.svg?url";
 import micIcon from "../../assets/icons/mic.on.svg?url";
 import Avatar from "./Avatar";
-import UserGuide from "./UserGuide";
+// import UserGuide from "./UserGuide";
 const StyledWrapper = styled.div`
   background-color: #e5e5e5;
   position: sticky;
@@ -67,25 +67,20 @@ export default function CurrentUser() {
   if (!currUser) return null;
   const { uid, name, avatar } = currUser;
   return (
-    <UserGuide step={1}>
-      <StyledWrapper>
-        <div className="profile">
-          <Avatar
-            url={avatar}
-            name={name}
-            alt="user avatar"
-            className="avatar"
-          />
-          <div className="info">
-            <span className="name">{name}</span>
-            <span className="id">#{uid}</span>
-          </div>
+    // <UserGuide step={1}>
+    <StyledWrapper>
+      <div className="profile">
+        <Avatar url={avatar} name={name} alt="user avatar" className="avatar" />
+        <div className="info">
+          <span className="name">{name}</span>
+          <span className="id">#{uid}</span>
         </div>
-        <div className="settings">
-          <img src={soundIcon} className="icon" alt="mic icon" />
-          <img src={micIcon} className="icon" alt="sound icon" />
-        </div>
-      </StyledWrapper>
-    </UserGuide>
+      </div>
+      <div className="settings">
+        <img src={soundIcon} className="icon" alt="mic icon" />
+        <img src={micIcon} className="icon" alt="sound icon" />
+      </div>
+    </StyledWrapper>
+    // </UserGuide>
   );
 }