fix: add aria-label to SearchResults items for improved accessibility

Author: jpg619

src/components/search.js

@@ -44,10 +44,11 @@ const SearchResults = ({results, getItemProps, highlightedIndex}) => {
             as={LinkNoUnderline}
             to={item.path}
             active={highlightedIndex === index}
-            data-has-description="true"
-            aria-label={`${item.title}${hierarchy.length ? ` in ${hierarchy.map(s => s.shortName || s.title).join(' / ')}` : ` in ${siteMetadata.shortName}`}, ${index + 1} of ${results.length}`}
           >
-            <Box sx={{display: 'flex', flexDirection: 'column', flex: '0 0 auto'}}>
+            <Box
+              sx={{display: 'flex', flexDirection: 'column', flex: '0 0 auto'}}
+              aria-label={`${item.title}${hierarchy.length ? ` in ${hierarchy.map(s => s.shortName || s.title).join(' / ')}` : ` in ${siteMetadata.shortName}`}, ${index + 1} of ${results.length}`}
+            >
               <Text sx={{fontSize: 0}}>
                 {hierarchy.length ? hierarchy.map(s => s.shortName || s.title).join(' / ') : siteMetadata.shortName}
               </Text>