fix: token details chart x axis and time selector style tweaks (#5613)

init

src/components/Tokens/TokenDetails/PriceChart.tsx

@@ -310,7 +310,13 @@ function PriceChart({ width, height, prices, timePeriod }: PriceChartProps) {
               />
             </g>
           ) : (
-            <AxisBottom scale={timeScale} stroke={theme.backgroundOutline} top={graphHeight - 1} hideTicks />
+            <AxisBottom
+              hideAxisLine={true}
+              scale={timeScale}
+              stroke={theme.backgroundOutline}
+              top={graphHeight - 1}
+              hideTicks
+            />
           )}
           {!width && (
             // Ensures an axis is drawn even if the width is not yet initialized.

src/components/Tokens/TokenDetails/Skeleton.tsx

@@ -62,7 +62,6 @@ const LoadingChartContainer = styled.div`
   display: flex;
   flex-direction: row;
   align-items: flex-end;
-  border-bottom: 1px solid ${({ theme }) => theme.backgroundOutline};
   height: 100%;
   margin-bottom: 44px;
   padding-bottom: 66px;

src/components/Tokens/TokenDetails/TimeSelector.tsx

@@ -15,7 +15,6 @@ const TimeOptionsContainer = styled.div`
   justify-content: flex-end;
   margin-top: 4px;
   gap: 4px;
-  border: 1px solid ${({ theme }) => theme.backgroundOutline};
   border-radius: 16px;
   height: 40px;
   padding: 4px;