Subscribe to swap and arena events on the arena page

src/typescript/frontend/src/components/pages/arena/ArenaClient.tsx

@@ -16,6 +16,7 @@ import {
 import { ROUTES } from "router/routes";
 import ChartContainer from "@/components/charts/ChartContainer";
 import { type ClassValue } from "clsx";
+import { useReliableSubscribe } from "@hooks/use-reliable-subscribe";
 
 const RewardsRemainingBox = ({ rewardsRemaining }: { rewardsRemaining: bigint }) => {
   const { isMobile } = useMatchBreakpoints();
@@ -114,6 +115,8 @@ export const ArenaClient = (props: ArenaProps) => {
   const [position, setPosition] = useState<ArenaPositionModel | undefined | null>(null);
   const [history, setHistory] = useState<ArenaLeaderboardHistoryWithArenaInfoModel[]>([]);
 
+  useReliableSubscribe({ eventTypes: ["Swap"], arena: true });
+
   const r = useMemo(
     () =>
       isMobile ? (