[ENG-9716] Fix/make icon of preprint and collections centered (#854)

- Ticket: [https://openscience.atlassian.net/browse/ENG-9716]
- Feature flag: n/a

## Purpose

Make the logo of the registries and institutions be in the center

Author: bodintsov

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

@@ -5,7 +5,7 @@
     </div>
   } @else {
     <div class="flex flex-column gap-5 p-5">
-      <div class="flex align-items-center gap-2">
+      <div class="flex align-items-center gap-2 justify-content-center">
         <img
           [ngSrc]="institution().assets.logo"
           [alt]="institution().name"

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

@@ -1,6 +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="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" />
@@ -9,7 +9,11 @@
       }
     </div>
 
-    <p-button [label]="'registries.addRegistration' | translate" (onClick)="navigateToCreatePage()"></p-button>
+    <p-button
+      [label]="'registries.addRegistration' | translate"
+      (onClick)="navigateToCreatePage()"
+      styleClass="w-max"
+    ></p-button>
   </div>
 
   <div class="provider-description">