fix search bar suggest highlight in dark mode and gas tracker in top bar (#1420)

fix SearchBar test

ui/snippets/searchBar/SearchBar.pw.tsx

-import { LightMode } from '@chakra-ui/react';
 import { test as base, expect } from '@playwright/experimental-ct-react';
 import React from 'react';
 
@@ -93,9 +92,7 @@ test('search by name homepage +@dark-mode', async({ mount, page }) => {
 
   await mount(
     <TestApp>
-      <LightMode>
       <SearchBar isHomepage/>
-      </LightMode>
     </TestApp>,
   );
   await page.getByPlaceholder(/search/i).type('o');

ui/snippets/searchBar/SearchBar.tsx

@@ -132,12 +132,6 @@ const SearchBar = ({ isHomepage }: Props) => {
         <PopoverBody
           p={ 0 }
           color="chakra-body-text"
-          sx={
-            isHomepage ? {
-              mark: { bgColor: 'green.100' },
-              '*::-webkit-scrollbar-thumb': { backgroundColor: 'blackAlpha.300' },
-            } : {}
-          }
         >
           <Box
             maxH="50vh"

ui/snippets/topBar/TopBarStats.tsx

@@ -30,8 +30,8 @@ const TopBarStats = () => {
           <span>${ Number(data.coin_price).toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 6 }) }</span>
         </Skeleton>
       ) }
-      { data?.coin_price && data.gas_prices && <TextSeparator color="divider"/> }
-      { data?.gas_prices && (
+      { data?.coin_price && config.UI.homepage.showGasTracker && <TextSeparator color="divider"/> }
+      { data?.gas_prices && config.UI.homepage.showGasTracker && (
         <Skeleton isLoaded={ !isPlaceholderData }>
           <span>Gas: { data.gas_prices.average } Gwei</span>
         </Skeleton>