fix: show future relative dates (#3946)

Show future relative dates

web/src/components/MemoContent/EmbeddedContent/EmbeddedMemo.tsx

@@ -69,7 +69,7 @@ const EmbeddedMemo = ({ resourceId: uid, params: paramsStr }: Props) => {
     <div className="relative flex flex-col justify-start items-start w-full px-3 py-2 bg-zinc-50 dark:bg-zinc-900 rounded-lg border border-gray-200 dark:border-zinc-700 hover:shadow">
       <div className="w-full mb-1 flex flex-row justify-between items-center text-gray-400 dark:text-gray-500">
         <div className="text-sm leading-5 select-none">
-          <relative-time datetime={memo.displayTime?.toISOString()} format="datetime" tense="past"></relative-time>
+          <relative-time datetime={memo.displayTime?.toISOString()} format="datetime"></relative-time>
         </div>
         <div className="flex justify-end items-center gap-1">
           <span className="text-xs opacity-60 leading-5 cursor-pointer hover:opacity-80" onClick={() => copyMemoUid(memo.uid)}>

web/src/components/MemoView.tsx

@@ -95,7 +95,7 @@ const MemoView: React.FC<Props> = (props: Props) => {
     props.displayTimeFormat === "time" ? (
       memo.displayTime?.toLocaleTimeString()
     ) : (
-      <relative-time datetime={memo.displayTime?.toISOString()} format={relativeTimeFormat} tense="past"></relative-time>
+      <relative-time datetime={memo.displayTime?.toISOString()} format={relativeTimeFormat}></relative-time>
     );
 
   return (

web/src/pages/Archived.tsx

@@ -91,7 +91,7 @@ const Archived = () => {
                 <div className="w-full mb-1 flex flex-row justify-between items-center">
                   <div className="w-full max-w-[calc(100%-20px)] flex flex-row justify-start items-center mr-1">
                     <div className="text-sm leading-6 text-gray-400 select-none">
-                      <relative-time datetime={memo.displayTime?.toISOString()} tense="past"></relative-time>
+                      <relative-time datetime={memo.displayTime?.toISOString()}></relative-time>
                     </div>
                   </div>
                   <div className="flex flex-row justify-end items-center gap-x-2">