Commit Review Workspace ?

- diff --git a/src/components/auth/LoginForm.tsx b/src/components/auth/LoginForm.tsx
- index 046394b..63bb259 100644
- import { useIsB2C } from "../../hooks";
- import { markLoginSocketForceLogoutPending } from "../../utils/loginSocketSession";
- import toast from 'react-hot-toast';
- 
- interface LoginFormProps {
- onSwitch: () => void;
- const [loading, setLoading] = useState(false);
- 
- const handlePhoneChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-     // Only allow digits
- const value = e.target.value.replace(/\D/g, "");
- setPhone(value);
- setOtpSent(false);
- });
- 
- if (response.status) {

+ diff --git a/src/components/auth/LoginForm.tsx b/src/components/auth/LoginForm.tsx
+ index 046394b..63bb259 100644
+ import { useIsB2C } from "../../hooks";
+ import { markLoginSocketForceLogoutPending } from "../../utils/loginSocketSession";
+ import toast from 'react-hot-toast';
+ import { setLogin } from "../../utils/singleTab";
+ 
+ interface LoginFormProps {
+ onSwitch: () => void;
+ const [loading, setLoading] = useState(false);
+ 
+ const handlePhoneChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+     
+ const value = e.target.value.replace(/\D/g, "");
+ setPhone(value);
+ setOtpSent(false);
+ });
+ 

- diff --git a/src/components/common/SingleTabModal.tsx b/src/components/common/SingleTabModal.tsx
- new file mode 100644
- index 0000000..9e7b27c

+ diff --git a/src/components/common/SingleTabModal.tsx b/src/components/common/SingleTabModal.tsx
+ new file mode 100644
+ index 0000000..9e7b27c
+ import { useThemeColors } from "../../hooks/useThemeColors";
+ 
+ interface SingleTabModalProps {
+   onConfirm: () => void;
+ }
+ 
+ export default function SingleTabModal({ onConfirm }: SingleTabModalProps) {
+   const colors = useThemeColors();
+ 
+   return (
+     <div
+       className="fixed inset-0 z-[9999] flex items-center justify-center"
+       style={{ backgroundColor: "rgba(0, 0, 0, 0.75)" }}
+     >
+       <div

- diff --git a/src/components/racing/MarketCard.tsx b/src/components/racing/MarketCard.tsx
- index 9de3cf9..35a7346 100644
- {insuranceBetEnabled ? "Insurance Bet" : ""}
- {insuranceBetEnabled && <i className="fa-regular fa-circle-question text-[11px]"></i>}
- 
-                       <div className="absolute left-0 top-[22px] hidden group-hover:block z-50 w-[650px] bg-[#1f2937] text-white text-[11px] leading-[18px] p-3 rounded shadow-lg border border-gray-700 whitespace-pre-line">
-                       {`An “insurance bet” is a betting market in which the total bet amount placed by the customer is equally divided among all available Win and various Place markets available at the time the bet is placed for the selected horse.
- The payout for the insurance bet shall be determined based on the final finishing position of the selected horse:
- - If the horse wins, the applicable Win and Place market returns may apply.
- - If the horse finishes in a qualifying place position, the payout shall be settled according to the relevant Place market terms.
- - If the horse finishes outside the eligible positions, no payout shall be payable.
-                       Accordingly, an insurance bet provides coverage across multiple available betting markets by distributing the stake equally at the time of placement, with settlement based on the horse’s finishing result.`}
-                       </div>
- </div>
- 
- <div></div>
- 
- <div className="text-center text-gray-400 text-[12px]">Back</div>

+ diff --git a/src/components/racing/MarketCard.tsx b/src/components/racing/MarketCard.tsx
+ index 9de3cf9..35a7346 100644
+ {insuranceBetEnabled ? "Insurance Bet" : ""}
+ {insuranceBetEnabled && <i className="fa-regular fa-circle-question text-[11px]"></i>}
+ 
+                       {insuranceBetEnabled ? <div className="absolute left-0 top-[22px] hidden group-hover:block z-50 w-[650px] bg-[#1f2937] text-white text-[11px] leading-[18px] p-3 rounded shadow-lg border border-gray-700 whitespace-pre-line">
+                       {insuranceBetEnabled ?`An “insurance bet” is a betting market in which the total bet amount placed by the customer is equally divided among all available Win and various Place markets available at the time the bet is placed for the selected horse.
+ The payout for the insurance bet shall be determined based on the final finishing position of the selected horse:
+ - If the horse wins, the applicable Win and Place market returns may apply.
+ - If the horse finishes in a qualifying place position, the payout shall be settled according to the relevant Place market terms.
+ - If the horse finishes outside the eligible positions, no payout shall be payable.
+                       Accordingly, an insurance bet provides coverage across multiple available betting markets by distributing the stake equally at the time of placement, with settlement based on the horse’s finishing result.`:" "}
+                       </div>: ""}
+ </div>
+ <div></div>
+ 
+ <div className="text-center text-gray-400 text-[12px]">Back</div>

- diff --git a/src/contexts/AuthContext.tsx b/src/contexts/AuthContext.tsx
- index 250c2e5..c9c22e5 100644
- } from "react";
- import { queueSessionExpiredModal } from "../utils/authSessionExpired";
- import { dispatchLogoutEvent } from "../utils/authEvents";
- import { useLoginSocket } from "../hooks/useLoginSoket";
- import { authService } from "../services/authService";
- 
- 
- checkTokenSync();
- 
-     // Also check on visibility change (when user switches tabs)
- const handleVisibilityChange = () => {
- if (!document.hidden) {
- console.log('👁️ [TokenSync] Tab became visible, checking token sync');
- true;
- 
- try {

+ diff --git a/src/contexts/AuthContext.tsx b/src/contexts/AuthContext.tsx
+ index 250c2e5..c9c22e5 100644
+ } from "react";
+ import { queueSessionExpiredModal } from "../utils/authSessionExpired";
+ import { dispatchLogoutEvent } from "../utils/authEvents";
+ import { logout as singleTabLogout } from "../utils/singleTab";
+ import { useLoginSocket } from "../hooks/useLoginSoket";
+ import { authService } from "../services/authService";
+ 
+ 
+ checkTokenSync();
+ 
+     
+ const handleVisibilityChange = () => {
+ if (!document.hidden) {
+ console.log('👁️ [TokenSync] Tab became visible, checking token sync');
+ true;
+ 

- diff --git a/src/pages/MultiRaceDetail.tsx b/src/pages/MultiRaceDetail.tsx
- index 53b882d..2732321 100644
- type MultiBetRace,
- type PlaceMultiBetRequest,
- } from "../services/racing"
- import { useThemeColors } from "../hooks/useThemeColors"
- import { formatRaceDateTime } from "../utils/dateFormat"
- import { useAuth } from "../contexts/AuthContext"
- ? slipSelections.reduce((total, selection) => total * (selection.runner.backOdd || 0), 1)
- : 0
- 
-   // Calculate potential payout with compound profit logic
- const potentialPayout = useMemo(() => {
- if (slipSelections.length === 0 || stakeAmount <= 0) {
- return 0
- currentAmount = currentAmount + profit
- }
- 

+ diff --git a/src/pages/MultiRaceDetail.tsx b/src/pages/MultiRaceDetail.tsx
+ index 53b882d..2732321 100644
+ type MultiBetRace,
+ type PlaceMultiBetRequest,
+ } from "../services/racing"
+ import { betService } from "../services/betService"
+ import { useThemeColors } from "../hooks/useThemeColors"
+ import { formatRaceDateTime } from "../utils/dateFormat"
+ import { useAuth } from "../contexts/AuthContext"
+ ? slipSelections.reduce((total, selection) => total * (selection.runner.backOdd || 0), 1)
+ : 0
+ 
+  
+ const potentialPayout = useMemo(() => {
+ if (slipSelections.length === 0 || stakeAmount <= 0) {
+ return 0
+ currentAmount = currentAmount + profit
+ }