End user UI: Update logo loading spinner styling (#39234)

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

@@ -932,7 +932,7 @@ const DeviceUserPage = ({
               <div className="site-nav-item__logo-wrapper">
                 <div className="site-nav-item__logo">
                   {isLoadingHost ? (
-                    <Spinner />
+                    <Spinner includeContainer={false} centered={false} />
                   ) : (
                     <OrgLogoIcon className="logo" src={orgLogoURL} />
                   )}

frontend/pages/hosts/details/DeviceUserPage/_styles.scss

@@ -1,7 +1,10 @@
 .app-wrap {
-  .site-nav {
-    height: 50px;
+  .site-nav-left {
+    .loading-spinner {
+      margin-left: $pad-small; // Logo loading spinner not flushed left of page
+    }
   }
+
   .site-nav-better-link {
     margin-right: 20px;
     width: 120px;