🎨 add insert animation

src/lib/components/BskyUserCell.ts

@@ -123,7 +123,7 @@ export const BskyUserCell = ({
 }) => {
   return div({ class: "bsky-user-content-wrapper" },
     MatchTypeLabel({ matchType }),
-    div({ class: "bsky-user-content" },
+    div({ class: "bsky-user-content bsky-fade-in" },
       div({ class: "icon-section" },
         a({ href: `https://bsky.app/profile/${profile.handle}`, target: "_blank", rel: "noopener" },
           Avatar({ avatar: profile.avatar }),

src/lib/components/NotFoundCell.ts

@@ -20,7 +20,7 @@ const WarningIcon = () => svg(
 )
 
 export const NotFoundCell = () => div({ class: "bsky-user-content-wrapper" },
-  div({ class: "bsky-user-content bsky-user-content__not-found" },
+  div({ class: "bsky-user-content bsky-user-content__not-found bsky-fade-in" },
     WarningIcon(),
     p({
       class: "not-found"

src/lib/components/ReloadBtn.ts

@@ -8,7 +8,7 @@ export const ReloadButton = ({clickAction}: {clickAction: () => void}) => {
   return () => deleted.val ? null : div({ class: "bsky-reload-btn-wrapper" },
   button(
     {
-      class: "bsky-reload-btn",
+      class: "bsky-reload-btn bsky-fade-in",
       onclick: () => {
         clickAction()
         deleted.val = true