Fix top zaps z-axis stacking for better animation

src/components/Note/Note.module.scss

@@ -352,6 +352,7 @@
       }
 
       .topZap {
+        position: relative;
         display: flex;
         align-items: center;
         gap: 8px;
@@ -430,7 +431,7 @@
 
 .topZapExitTransition {
   opacity: 0;
-  transform: translateY(30px);
+  transform: translateY(3px);
 }
 
 .noteNotificationLink {

src/components/Note/NoteTopZaps.tsx

@@ -74,6 +74,7 @@ const NoteTopZaps: Component<{
               <button
                 class={`${styles.topZap}`}
                 onClick={() => props.action()}
+                style={`z-index: ${12 - index()};`}
               >
                 <Avatar user={zapSender(zap)} size="micro" />
                 <div class={styles.amount}>