Provide different implementation

Set link color to "inherit" in NoResults;
this makes it easier to set the color we want from EmptySpace.

Instead of trying to configure the link color from EmptyState,
just set it to inherid

Author: lukaw3d

src/app/components/EmptyState/index.tsx

@@ -42,17 +42,7 @@ type EmptyStateProps = {
 
 export const EmptyState: FC<EmptyStateProps> = ({ description, title, light, minHeight = '360px' }) => {
   const content = (
-    <Box
-      sx={{
-        ...(light
-          ? { color: 'inherit' }
-          : {
-              color: COLORS.white,
-              '& span a': { color: COLORS.white },
-            }),
-        textAlign: 'center',
-      }}
-    >
+    <Box sx={{ color: light ? 'inherit' : COLORS.white, textAlign: 'center' }}>
       <Typography component="span" sx={{ fontSize: '30px', fontWeight: 500, display: 'block' }}>
         {title}
       </Typography>

src/app/pages/SearchResultsPage/NoResults.tsx

@@ -6,7 +6,6 @@ import { Link as RouterLink } from 'react-router-dom'
 import Link from '@mui/material/Link'
 import { SearchSuggestionsLinksForNoResults } from '../../components/Search/SearchSuggestionsLinksForNoResults'
 import { OptionalBreak } from '../../components/OptionalBreak'
-import { useTheme } from '@mui/material/styles'
 import { getNameForScope, SearchScope } from '../../../types/searchScope'
 import { getNetworkNames, Network } from '../../../types/network'
 import { Layer } from '../../../oasis-nexus/api'
@@ -17,7 +16,6 @@ export const NoResults: FC<{
   layer?: Layer
 }> = ({ network, layer }) => {
   const { t } = useTranslation()
-  const theme = useTheme()
   const title = network
     ? t('search.noResults.scopeHeader', {
         scope: layer ? getNameForScope(t, { network, layer }) : getNetworkNames(t)[network],
@@ -28,12 +26,7 @@ export const NoResults: FC<{
     <EmptyState
       title={title}
       description={
-        <Box
-          sx={{
-            textAlign: 'center',
-            a: { color: theme.palette.layout.contrastMain, textDecoration: 'underline' },
-          }}
-        >
+        <Box sx={{ a: { color: 'inherit', textDecoration: 'underline' } }}>
           <p>
             <Box>
               <Trans