feat: add pencil icon before suggestion changes text (#405)

* feat: Add pencil icon before suggestion changes text

* fix: update class to className and adjust icon scale

---------

Co-authored-by: satnaing <satnaingdev@gmail.com>

Author: eerison

src/components/Datetime.tsx

@@ -97,12 +97,22 @@ const EditPost = ({ editPost, postId }: EditPostProps) => {
       <>
         <span aria-hidden="true"> | </span>
         <a
-          className="hover:opacity-75"
+          className="space-x-1.5 hover:opacity-75"
           href={editPostUrl}
           rel="noopener noreferrer"
           target="_blank"
         >
-          {editPostText}
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            className="icon icon-tabler icons-tabler-outline icon-tabler-edit inline-block !scale-90 fill-skin-base"
+            aria-hidden="true"
+          >
+            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+            <path d="M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1" />
+            <path d="M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z" />
+            <path d="M16 5l3 3" />
+          </svg>
+          <span className="text-base italic">{editPostText}</span>
         </a>
       </>
     )