replace image & add og meta

pages/_app.tsx

@@ -11,6 +11,7 @@ function App({ Component, pageProps }) {
     'Claim your stake in the Mango DAO. Join us in building Mango, the protocol for permissionless leverage trading & lending.'
   const keywords =
     'Mango Markets, Serum, SRM, Serum DEX, DEFI, Decentralized Finance, Decentralised Finance, Crypto, ERC20, Ethereum, Decentralize, Solana, SOL, SPL, Cross-Chain, Trading, Fastest, Fast, SerumBTC, SerumUSD, SRM Tokens, SPL Tokens'
+  const image = '/card.jpg'
 
   return (
     <>
@@ -26,14 +27,14 @@ function App({ Component, pageProps }) {
         <meta name="keywords" content={keywords} />
         <meta name="description" content={description} />
         <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
-        <meta name="msapplication-TileColor" content="#da532c" />
+        <meta name="msapplication-TileColor" content="#ffffff" />
         <meta name="theme-color" content="#ffffff" />
+
+        <meta property="og:title" content={title} />
+        <meta property="og:description" content={description} />
+        <meta property="og:image" content={image} />
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@mangomarkets" />
-        <meta name="twitter:title" content="Mango Markets" />
-        <meta name="twitter:description" content={description} />
-
-        {/* <link rel="manifest" href="/manifest.json"></link> */}
       </Head>
       <ThemeProvider defaultTheme="Mango">
         <Component {...pageProps} />