fix props passing (#28551)

frontend/src/metabase/search/components/SearchResult.styled.jsx

@@ -64,17 +64,18 @@ export const ResultLink = styled(Link)`
 
 const resultStyles = props => `
   display: block;
-  background-color: ${props =>
-    props.isSelected ? lighten("brand", 0.63) : "transparent"};
-  min-height: ${props => (props.compact ? "36px" : "54px")};
+  background-color: ${
+    props.isSelected ? lighten("brand", 0.63) : "transparent"
+  };
+  min-height: ${props.compact ? "36px" : "54px"};
   padding-top: ${space(1)};
   padding-bottom: ${space(1)};
   padding-left: 14px;
-  padding-right: ${props => (props.compact ? "20px" : space(3))};
-  cursor: ${props => (props.active ? "pointer" : "default")};
+  padding-right: ${props.compact ? "20px" : space(3)};
+  cursor: ${props.active ? "pointer" : "default"};
 
   &:hover {
-    background-color: ${props => (props.acitve ? lighten("brand", 0.63) : "")};
+    background-color: ${props.acitve ? lighten("brand", 0.63) : ""};
 
     h3 {
       color: ${props =>
@@ -88,8 +89,8 @@ const resultStyles = props => `
     text-decoration-style: dashed;
 
     &:hover {
-      color: ${props => (props.active ? color("brand") : "")};
-      text-decoration-color: ${props => (props.active ? color("brand") : "")};
+      color: ${props.active ? color("brand") : ""};
+      text-decoration-color: ${props.active ? color("brand") : ""};
     }
   }
 
@@ -101,11 +102,11 @@ const resultStyles = props => `
   }
 
   h3 {
-    font-size: ${props => (props.compact ? "14px" : "16px")};
+    font-size: ${props.compact ? "14px" : "16px"};
     line-height: 1.2em;
     overflow-wrap: anywhere;
     margin-bottom: 0;
-    color: ${props => (props.active && props.isSelected ? color("brand") : "")};
+    color: ${props.active && props.isSelected ? color("brand") : ""};
   }
 
   .Icon-info {