feat: flip for power claim toast

Signed-off-by: Innei <i@innei.in>

src/renderer/src/queries/wallet.tsx

@@ -89,7 +89,7 @@ export const useClaimWalletDailyRewardMutation = () => {
           className="flex items-center gap-1 text-lg"
           onClick={() => settingModalPresent("wallet")}
         >
-          <i className="i-mgc-power" />
+          <i className="i-mgc-power animate-flip" />
         </div>,
         {
           unstyled: true,

src/renderer/src/styles/tailwind-extend.css

@@ -359,3 +359,18 @@
     --spring-duration: 1.157s;
   }
 }
+
+@layer utilities {
+  .animate-flip {
+    animation: flip 0.5s ease-in-out infinite;
+  }
+
+  @keyframes flip {
+    0% {
+      transform: rotateY(0deg);
+    }
+    100% {
+      transform: rotateY(180deg);
+    }
+  }
+}