refactor(web): display-locked-PNK-upto-2-decimals

Author: tractorss

web/src/pages/Dashboard/Courts/Header.tsx

@@ -45,11 +45,11 @@ const StyledLockerIcon = styled(LockerIcon)`
 `;
 
 interface IHeader {
-  lockedStake: string;
+  lockedStake: bigint;
 }
 
 const Header: React.FC<IHeader> = ({ lockedStake }) => {
-  const formattedLockedStake = !isUndefined(lockedStake) && formatUnits(lockedStake, 18);
+  const formattedLockedStake = !isUndefined(lockedStake) && parseFloat(formatUnits(lockedStake, 18)).toFixed(2);
 
   return (
     <Container>

web/src/pages/Dashboard/Courts/index.tsx

@@ -37,11 +37,11 @@ const Courts: React.FC = () => {
   });
   const stakedCourts = stakeData?.jurorTokensPerCourts?.filter(({ staked }) => staked > 0);
   const isStaked = stakedCourts && stakedCourts.length > 0;
-  const lockedStake = jurorBalance?.[1].toString();
+  const lockedStake = jurorBalance?.[1];
 
   return (
     <Container>
-      <Header lockedStake={lockedStake ?? ""} />
+      <Header lockedStake={lockedStake ?? BigInt(0)} />
       {isLoading ? <Skeleton /> : null}
       {!isStaked && !isLoading ? <StyledLabel>You are not staked in any court</StyledLabel> : null}
       {isStaked && !isLoading ? (