Fixed UI bug with org logo on My Device page (#34084)

Resolves #33136 

Changed display logic for the organization logo component on the 'My
Device' page to prevent flickering.

Author: juan-fdz-hawa

changes/33136-custom-organization-logo-bug

@@ -0,0 +1 @@
+* Changed display logic for the organization logo component on the My Device page to prevent flickering.

frontend/pages/hosts/details/DeviceUserPage/DeviceUserPage.tsx

@@ -56,7 +56,6 @@ import PoliciesCard from "../cards/Policies";
 import InfoModal from "./InfoModal";
 import { getErrorMessage, hasRemainingSetupSteps } from "./helpers";
 
-import FleetIcon from "../../../../../assets/images/[email protected]";
 import PolicyDetailsModal from "../cards/Policies/HostPoliciesTable/PolicyDetailsModal";
 import AutoEnrollMdmModal from "./AutoEnrollMdmModal";
 import ManualEnrollMdmModal from "./ManualEnrollMdmModal";
@@ -749,7 +748,11 @@ const DeviceUserPage = ({
             <li className="site-nav-item dup-org-logo" key="dup-org-logo">
               <div className="site-nav-item__logo-wrapper">
                 <div className="site-nav-item__logo">
-                  <OrgLogoIcon className="logo" src={orgLogoURL || FleetIcon} />
+                  {isLoadingHost ? (
+                    <Spinner />
+                  ) : (
+                    <OrgLogoIcon className="logo" src={orgLogoURL} />
+                  )}
                 </div>
               </div>
             </li>