style(#2837): fix style facr for main page and useraccount page

src/config/clients/facr.tsx

@@ -38,14 +38,14 @@ export const facr: ClientConfig = {
     homePageHeader: css`
       background: linear-gradient(83.42deg, #00257A 53.04%, rgba(0, 0, 0, 0) 94.83%), #000000;
     `,
-    logo: 'facr_auth_logo.png',
+    logo: 'facr-logo.svg',
-    logoHeight: 4.76,
+    logoHeight: 6.3,
-    logoLeft: 1.17,
+    logoLeft: 1.1,
     logoTop: 1.74,
-    logoWidth: 6.22,
+    logoWidth: 8.25,
-    matchLogoHeight: 2.6,
+    matchLogoHeight: 3.4,
     matchLogoTopMargin: 0.9,
-    matchLogoWidth: 3.4,
+    matchLogoWidth: 4.5,
     matchPageMobileHeaderLogo: css`
       width: 35px;
       height: 25px;
@@ -56,8 +56,8 @@ export const facr: ClientConfig = {
       height: 37px;
     `,
     userAccountLogo: css`
-      width: 6.22rem;
+      width: 4.56rem;
-      height: 4.76rem;
+      height: 3.488rem;
     `,
   },
   termsLink: '/terms-and-conditions?client_id=facr-ott-web',

src/features/MatchPage/index.tsx

@@ -12,6 +12,7 @@ import {
 import { FavoritesActions } from 'requests'
 
 import { ProfileTypes } from 'config'
+import { client } from 'config/clients'
 
 import { usePageLogger } from 'hooks/usePageLogger'
 import { usePageParams } from 'hooks/usePageParams'
@@ -65,7 +66,7 @@ const MatchPageComponent = () => {
   }
   return (
     <PageWrapper>
-      <ProfileHeader color='#2B2A28' height={4.5} />
+      <ProfileHeader color='#2B2A28' height={client.name === 'facr' ? 5 : 4.5} />
       <Main>
         <UserFavorites />
         <SubscriptionGuard>

src/features/UserAccount/styled.tsx

@@ -111,7 +111,7 @@ export const UserAccountWrapper = styled.div`
   height: 100vh;
   display: flex;
   flex-direction: column;
-  padding: 32px 30px 60px 36px;
+  padding: 20px 25px 60px 36px;
   position: relative;
   ${isMobileDevice
     ? css`