fix(ui): apply dynamic theme color to loading animation

Author: AntigoneSemioticsClub

packages/ui/src/loading.tsx

@@ -9,10 +9,10 @@ export function Waiting({
   children?: ReactNode;
 }) {
   return !wait ? (
-    <div className="w-full h-96 flex flex-col justify-center items-center mb-8 ani-show-fast">
-      <ReactLoading type="cylon" color="#FC466B" />
+    <div className="w-full h-96 flex flex-col justify-center items-center mb-8 ani-show-fast text-theme">
+      <ReactLoading type="cylon" color="currentColor" />
     </div>
   ) : (
     <>{children}</>
   );
-}
+}