Resolve code formatting errors

web/src/components/HomeSidebar/HomeSidebar.tsx

@@ -73,10 +73,7 @@ const HomeSidebar = observer((props: Props) => {
   return (
     <aside
       id="home-sidebar"
-      className={cn(
+      className={cn("relative w-full h-full overflow-auto flex flex-col justify-start items-start", props.className)}
-        "relative w-full h-full overflow-auto flex flex-col justify-start items-start",
-        props.className
-      )}
     >
       <SearchBar />
       <div className="mt-2 w-full space-y-1">

web/src/components/MemoDetailSidebar/MemoDetailSidebar.tsx

@@ -21,7 +21,7 @@ const MemoDetailSidebar = ({ memo, className, parentPage }: Props) => {
     <aside
       className={cn(
         "memo-detail-sidebar relative w-full h-auto max-h-screen overflow-auto hide-scrollbar flex flex-col justify-start items-start",
-        className
+        className,
       )}
     >
       <div className="flex flex-col justify-start items-start w-full px-1 gap-2 h-auto shrink-0 flex-nowrap hide-scrollbar">

web/src/components/MemoView.tsx

@@ -1,5 +1,6 @@
 import { Tooltip } from "@mui/joy";
 import { BookmarkIcon, EyeOffIcon, MessageCircleMoreIcon } from "lucide-react";
+// import { log } from "mermaid/dist/logger";
 import { memo, useCallback, useRef, useState } from "react";
 import { Link, useLocation } from "react-router-dom";
 import useAsyncEffect from "@/hooks/useAsyncEffect";
@@ -24,7 +25,6 @@ import showPreviewImageDialog from "./PreviewImageDialog";
 import ReactionSelector from "./ReactionSelector";
 import UserAvatar from "./UserAvatar";
 import VisibilityIcon from "./VisibilityIcon";
-import { log } from "mermaid/dist/logger";
 
 interface Props {
   memo: Memo;