fix: memo content availability for visitor mode (#1605)

web/src/components/MemoContent.tsx

@@ -32,7 +32,8 @@ const MemoContent: React.FC<Props> = (props: Props) => {
 
   //variable for auto-collapse
   const userStore = useUserStore();
-  const { localSetting } = userStore.state.user as User;
+  const isVisitorMode = userStore.isVisitorMode();
+  const autoCollapse: boolean = isVisitorMode ? true : (userStore.state.user as User).localSetting.enableAutoCollapse;
 
   useEffect(() => {
     if (showFull) {
@@ -72,15 +73,13 @@ const MemoContent: React.FC<Props> = (props: Props) => {
     <div className={`memo-content-wrapper ${className || ""}`}>
       <div
         ref={memoContentContainerRef}
-        className={`memo-content-text ${
-          localSetting.enableAutoCollapse && state.expandButtonStatus === 0 ? "max-h-64 overflow-y-hidden" : ""
-        }`}
+        className={`memo-content-text ${autoCollapse && state.expandButtonStatus === 0 ? "max-h-64 overflow-y-hidden" : ""}`}
         onClick={handleMemoContentClick}
         onDoubleClick={handleMemoContentDoubleClick}
       >
         {marked(content)}
       </div>
-      {localSetting.enableAutoCollapse && state.expandButtonStatus !== -1 && (
+      {autoCollapse && state.expandButtonStatus !== -1 && (
         <div className={`expand-btn-container ${state.expandButtonStatus === 0 && "!-mt-7"}`}>
           <div className="absolute top-0 left-0 w-full h-full blur-lg bg-white dark:bg-zinc-700"></div>
           <span className={`btn z-10 ${state.expandButtonStatus === 0 ? "expand-btn" : "fold-btn"}`} onClick={handleExpandBtnClick}>