fix(institutions-search): fix logo be on center

Author: bodintsov

src/app/features/institutions/pages/institutions-search/institutions-search.component.html

@@ -5,17 +5,17 @@
     </div>
   } @else {
     <div class="flex flex-column gap-5 p-5">
-      <div class="flex align-items-center gap-2 justify-content-between">
+      <div class="flex align-items-center gap-2">
         <h1>{{ institution().name }}</h1>
-        <img
-          [ngSrc]="institution().assets.logo"
-          [alt]="institution().name"
-          width="80"
-          height="80"
-          class="fit-contain"
-        />
-
-        <div class="gap-2"></div>
+        <div class="flex w-full justify-content-center">
+          <img
+            [ngSrc]="institution().assets.logo"
+            [alt]="institution().name"
+            width="80"
+            height="80"
+            class="fit-contain"
+          />
+        </div>
       </div>
 
       <p [innerHtml]="institution().description | safeHtml"></p>

src/app/features/registries/components/registry-provider-hero/registry-provider-hero.component.html

@@ -1,7 +1,6 @@
 <section class="registries-hero-container py-5 px-3 flex flex-column gap-4 md:py-6 md:px-4">
   <div class="flex flex-column align-items-start justify-content-between gap-4 md:flex-row">
-    <div class="gap-2`"></div>
-    <div class="flex align-items-center gap-2">
+    <div class="flex align-items-center justify-content-center gap-2 w-full">
       @if (isProviderLoading()) {
         <p-skeleton width="3rem" height="1.5rem" />
         <p-skeleton width="12rem" height="1.5rem" />