Update meta tag image references to use PNG_LOGO for improved branding consistency.

Author: MartinBraquet

common/src/hosting/constants.ts

@@ -24,6 +24,6 @@ if (IS_LOCAL && !process.env.ENVIRONMENT && !process.env.NEXT_PUBLIC_FIREBASE_EN
 export const SENTRY_DSN =
   'https://4e5d3b0aa566e8aaae97298398a1ad37@o4510975610060800.ingest.de.sentry.io/4510975611699280'
 
-export const PNG_FAVICON = 'https://www.compassmeet.com/images/github-logo.png'
+export const PNG_LOGO = 'https://www.compassmeet.com/icons/icon-512x512.png'
 
 // console.log('IS_LOCAL_ANDROID', IS_LOCAL_ANDROID)

web/pages/_app.tsx

@@ -8,7 +8,7 @@ import {StatusBar} from '@capacitor/status-bar'
 import * as Sentry from '@sentry/node'
 import clsx from 'clsx'
 import {DEPLOYED_WEB_URL} from 'common/envs/constants'
-import {IS_VERCEL, PNG_FAVICON} from 'common/hosting/constants'
+import {IS_VERCEL, PNG_LOGO} from 'common/hosting/constants'
 import {debug} from 'common/logger'
 import {isUrl} from 'common/parsing'
 import type {AppProps} from 'next/app'
@@ -197,14 +197,14 @@ function MyApp(props: AppProps<PageProps>) {
         <meta property="og:title" content={title} key="og-title" />
         <meta property="og:description" content={description} key="og-description" />
         <meta property="og:url" content={DEPLOYED_WEB_URL} key="og-url" />
-        <meta property="og:image" content={PNG_FAVICON} key="og-image" />
+        <meta property="og:image" content={PNG_LOGO} key="og-image" />
         <meta property="og:image:type" content="image/png" key="og-image-type" />
 
         {/*Twitter/X tags — separate!*/}
         <meta name="twitter:title" content={title} key="twitter-title" />
         <meta name="twitter:description" content={description} key="twitter-description" />
         <meta name="twitter:card" content="summary" key="twitter-card" />
-        <meta name="twitter:image" content={PNG_FAVICON} key="twitter-image" />
+        <meta name="twitter:image" content={PNG_LOGO} key="twitter-image" />
 
         {/*<meta name="twitter:site" content="@compassmeet"/>*/}
         {/*<meta property="og:image:width" content="192" />*/}