chore: tweak memo display

web/src/components/PreviewImageDialog.tsx

 import React, { useState } from "react";
-import { getDateTimeString } from "@/helpers/datetime";
 import { generateDialog } from "./Dialog";
 import Icon from "./Icon";
 import "@/less/preview-image-dialog.less";
@@ -35,13 +34,6 @@ const PreviewImageDialog: React.FC<Props> = ({ destroy, imgUrls, initialIndex }:
     destroy();
   };
 
-  const handleDownloadBtnClick = () => {
-    const a = document.createElement("a");
-    a.href = imgUrls[currentIndex];
-    a.download = `memos-${getDateTimeString(Date.now())}.png`;
-    a.click();
-  };
-
   const handleTouchStart = (event: React.TouchEvent) => {
     if (event.touches.length > 1) {
       // two or more fingers, ignore
@@ -126,9 +118,6 @@ const PreviewImageDialog: React.FC<Props> = ({ destroy, imgUrls, initialIndex }:
         <button className="btn" onClick={handleCloseBtnClick}>
           <Icon.X className="icon-img" />
         </button>
-        <button className="btn" onClick={handleDownloadBtnClick}>
-          <Icon.Download className="icon-img" />
-        </button>
       </div>
       <div className="img-container" onClick={handleImgContainerClick}>
         <img

web/src/less/memo.less

@@ -6,7 +6,7 @@
   }
 
   > .memo-top-wrapper {
-    @apply flex flex-row justify-between items-center w-full h-6 mb-1;
+    @apply flex flex-row justify-between items-center w-full h-6;
 
     > .btns-container {
       @apply flex flex-row justify-end items-center relative shrink-0;

web/src/pages/Explore.tsx

@@ -83,7 +83,7 @@ const Explore = () => {
       <div className="relative w-full h-auto flex flex-col justify-start items-start">
         <MemoFilter />
         {sortedMemos.map((memo) => (
-          <Memo key={memo.id} memo={memo} lazyRendering />
+          <Memo key={memo.id} memo={memo} lazyRendering showCreator />
         ))}
 
         {loadingStatus === "fetching" ? (

web/src/pages/MemoDetail.tsx

@@ -210,7 +210,7 @@ const MemoDetail = () => {
                   <span className="text-gray-400 text-sm ml-0.5">({comments.length})</span>
                 </div>
                 {comments.map((comment) => (
-                  <Memo key={comment.id} memo={comment} />
+                  <Memo key={comment.id} memo={comment} showCreator />
                 ))}
               </>
             )}