Move logo to the left

Author: mbaldessari

console/src/components/PatternCatalogPage.css

@@ -1,7 +1,7 @@
 .patterns-operator__catalog-header {
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  gap: 12px;
 }
 
 .patterns-operator__catalog-logo {

console/src/components/PatternCatalogPage.tsx

@@ -225,6 +225,13 @@ export default function PatternCatalogPage() {
       </Helmet>
       <PageSection>
         <div className="patterns-operator__catalog-header">
+          {catalogLogo && (
+            <img
+              src={catalogLogo}
+              alt={t('Catalog logo')}
+              className="patterns-operator__catalog-logo"
+            />
+          )}
           {catalogImage ? (
             <Tooltip content={`${t('Catalog source')}: ${catalogImage}`}>
               <Title
@@ -240,13 +247,6 @@ export default function PatternCatalogPage() {
               {t('Pattern Catalog')}
             </Title>
           )}
-          {catalogLogo && (
-            <img
-              src={catalogLogo}
-              alt={t('Catalog logo')}
-              className="patterns-operator__catalog-logo"
-            />
-          )}
         </div>
       </PageSection>
       {catalogDescription && (