fix: fix decimal formatting of token price on details page (#4470)

* init

* 6 decimals

* dollar dollar bill yo

src/components/Tokens/TokenDetails/PriceChart.tsx

@@ -235,7 +235,7 @@ export function PriceChart({ width, height, token }: PriceChartProps) {
   return (
     <>
       <ChartHeader>
-        <TokenPrice>${displayPrice.value.toFixed(2)}</TokenPrice>
+        <TokenPrice>${displayPrice.value < 0.000001 ? '<0.000001' : displayPrice.value.toFixed(6)}</TokenPrice>
         <DeltaContainer>
           {formattedDelta}
           <ArrowCell>{arrow}</ArrowCell>

src/utils/formatDollarAmt.tsx

@@ -6,7 +6,7 @@ export const formatDollarAmount = (num: number | undefined, digits = 2, round =
   if (num === 0) return '0'
   if (!num) return '-'
   if (num < 0.001 && digits <= 3) {
-    return '<0.001'
+    return '$<0.001'
   }
 
   return numbro(num)
@@ -26,7 +26,7 @@ export const formatAmount = (num: number | undefined, digits = 2) => {
   if (num === 0) return '0'
   if (!num) return '-'
   if (num < 0.001) {
-    return '<0.001'
+    return '$<0.001'
   }
   return numbro(num).format({
     average: true,