use suggestedDecimals in PnL graphic (Kwenta#1738)

* fix

* fix

* add formatDollar fxn

* fix

* fix

* fix lint warning

* use formatDollars instead of formatNumber

Co-authored-by: platschi <platschi@posteo.org>

sections/futures/ShareModal/PositionMetadata.tsx

@@ -9,6 +9,7 @@ import { selectFuturesType } from 'state/futures/selectors';
 import { useAppSelector } from 'state/hooks';
 import { positionHistoryState } from 'store/futures';
 import getLocale from 'utils/formatters/getLocale';
+import { formatDollars, zeroBN } from 'utils/formatters/number';
 
 type PositionMetadataProps = {
 	marketAsset: string;
@@ -86,7 +87,7 @@ const PositionMetadata: FC<PositionMetadataProps> = ({ marketAsset }) => {
 		(position) => position.isOpen && position.asset === marketAsset
 	);
 
-	avgEntryPrice = currentPosition?.avgEntryPrice.toNumber().toFixed(2) ?? '';
+	avgEntryPrice = currentPosition?.avgEntryPrice.toNumber().toString() ?? '';
 	const openTimestamp = currentPosition?.openTimestamp ?? 0;
 
 	openAtDate = format(openTimestamp, 'PP', { locale: getLocale() });
@@ -119,14 +120,18 @@ const PositionMetadata: FC<PositionMetadataProps> = ({ marketAsset }) => {
 				<ContainerText className="header">
 					{t('futures.modals.share.position-metadata.avg-open-price')}
 				</ContainerText>
-				<ContainerText className="date-or-price">{avgEntryPrice}</ContainerText>
+				<ContainerText className="date-or-price">
+					{formatDollars(avgEntryPrice ?? zeroBN, {
+						isAssetPrice: true,
+					})}
+				</ContainerText>
 			</BottomLeftContainer>
 			<BottomRightContainer>
 				<ContainerText className="header">
 					{t('futures.modals.share.position-metadata.current-price')}
 				</ContainerText>
 				<ContainerText className="date-or-price">
-					{marketAssetRate.toNumber().toFixed(2)}
+					{formatDollars(marketAssetRate ?? '', { isAssetPrice: true })}
 				</ContainerText>
 			</BottomRightContainer>
 		</>