chore: update memo icons style

web/src/components/MemoView.tsx

@@ -129,7 +129,7 @@ const MemoView: React.FC<Props> = (props: Props) => {
           <div className="w-auto invisible group-hover:visible flex flex-row justify-between items-center gap-1">
             {props.showVisibility && memo.visibility !== Visibility.PRIVATE && (
               <Tooltip title={t(`memo.visibility.${convertVisibilityToString(memo.visibility).toLowerCase()}` as any)} placement="top">
-                <span className="h-7 w-7 flex justify-center items-center hover:opacity-70">
+                <span className="flex justify-center items-center hover:opacity-70">
                   <VisibilityIcon visibility={memo.visibility} />
                 </span>
               </Tooltip>
@@ -141,7 +141,7 @@ const MemoView: React.FC<Props> = (props: Props) => {
               "flex flex-row justify-start items-center hover:opacity-70",
               commentAmount === 0 && "invisible group-hover:visible",
             )}
-            to={`/m/${memo.name}`}
+            to={`/m/${memo.name}#comments`}
             unstable_viewTransition
           >
             <Icon.MessageCircleMore className="w-4 h-4 mx-auto text-gray-500 dark:text-gray-400" />

web/src/pages/MemoDetail.tsx

@@ -207,7 +207,7 @@ const MemoDetail = () => {
             </div>
           </div>
         </div>
-        <div className="pt-8 pb-16 w-full">
+        <div id="comments" className="pt-8 pb-16 w-full">
           <div className="relative mx-auto flex-grow w-full min-h-full flex flex-col justify-start items-start gap-y-1">
             {comments.length === 0 ? (
               <div className="w-full flex flex-col justify-center items-center py-6 mb-2">