Web: DBT Logo for processing engine (#2899)

* Greyscale logos for spark and airflow.

* Adding dbt logo and simplifying code.

web/src/components/search/open-search/OpenSearch.tsx

@@ -26,6 +26,7 @@ import MqText from '../../core/text/MqText'
 import React, { useCallback, useEffect } from 'react'
 import airflow_logo from './airlfow-logo.svg'
 import spark_logo from './spark-logo.svg'
+import dbt_logo from './dbt-logo.svg'
 
 interface StateProps {
   openSearchJobs: IOpenSearchJobsState
@@ -46,6 +47,12 @@ type TextSegment = {
   isHighlighted: boolean
 }
 
+const LOGO_MAP = {
+  spark: spark_logo,
+  airflow: airflow_logo,
+  dbt: dbt_logo,
+};
+
 function parseStringToSegments(input: string): TextSegment[] {
   return input.split(/(<em>.*?<\/em>)/).map((segment) => {
     if (segment.startsWith('<em>') && segment.endsWith('</em>')) {
@@ -209,13 +216,14 @@ const OpenSearch: React.FC<StateProps & DispatchProps & Props> = ({
                     <MqText subdued label>
                       {'Integration'}
                     </MqText>
-                    {hit.runFacets.processing_engine.name === 'spark' ? (
-                      <img src={spark_logo} height={24} alt='Spark' />
-                    ) : hit.runFacets.processing_engine.name === 'Airflow' ? (
-                      <img src={airflow_logo} height={24} alt='Airflow' />
-                    ) : (
-                      <Chip size={'small'} label={hit.runFacets?.processing_engine.name} />
-                    )}
+                    {(() => {
+                      const engineName = hit.runFacets.processing_engine.name.toLowerCase();
+                      return LOGO_MAP[engineName as keyof typeof LOGO_MAP] ? (
+                        <img src={LOGO_MAP[engineName as keyof typeof LOGO_MAP]} height={24} alt={engineName.charAt(0).toUpperCase() + engineName.slice(1)} />
+                      ) : (
+                        <Chip size={'small'} label={hit.runFacets?.processing_engine.name} />
+                      );
+                    })()}
                   </Box>
                 </>
               )}