fix(ui): update hard-coded logo paths to reference theme config (#15084)

Co-authored-by: yorubaphenom <63619648+yorubaphenom@users.noreply.github.com>

Author: liannab

datahub-web-react/src/app/shared/error/ErrorSection.tsx

@@ -3,8 +3,7 @@ import React from 'react';
 import styled, { useTheme } from 'styled-components';
 
 import { ANTD_GRAY } from '@app/entity/shared/constants';
-
-import dataHubLogo from '@images/datahublogo.png';
+import { resolveRuntimePath } from '@utils/runtimeBasePath';
 
 const Section = styled.div`
     width: auto;
@@ -61,12 +60,13 @@ const resources = [
 
 export const ErrorSection = (): JSX.Element => {
     const themeConfig = useTheme();
+    const themeLogo = resolveRuntimePath(themeConfig.assets.logoUrl || '@images/datahublogo.png');
 
     return (
         <Section>
             <div>
                 <TitleSection>
-                    <Image src={dataHubLogo} preview={false} style={{ width: 40 }} />
+                    <Image src={themeLogo} preview={false} style={{ width: 40 }} />
                     <TitleText strong>{themeConfig.content.title}</TitleText>
                 </TitleSection>
                 <MessageSection>