update manifest and favicon files

contracts/src/bridge/frontend/pages/_app.tsx

@@ -69,9 +69,24 @@ export default function App({ Component, pageProps }: AppProps) {
         ogTwitterImage={siteMetadata.siteLogo}
         ogType={"website"}
       >
-        <link rel="icon" href="/favicon.ico" />
-        <link rel="apple-touch-icon" href="/icons/apple-touch-icon.png" />
-        <link rel="manifest" href="/manifest.json" />
+        <link rel="icon" href="/favicon/favicon.ico" />
+        <link
+          rel="apple-touch-icon"
+          sizes="180x180"
+          href="/favicon/apple-touch-icon.png"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="32x32"
+          href="/favicon/favicon-32x32.png"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="16x16"
+          href="/favicon/favicon-16x16.png"
+        />
       </HeadSeo>
       <QueryClientProvider client={queryClient}>
         <ThemeProvider

contracts/src/bridge/frontend/public/favicon/site.webmanifest

@@ -0,0 +1,19 @@
+{
+  "name": "Ten Bridge",
+  "short_name": "Ten Bridge",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#db766b",
+  "background_color": "#db766b",
+  "display": "standalone"
+}

contracts/src/bridge/frontend/src/components/head-seo.tsx

@@ -24,11 +24,6 @@ const HeadSeo = ({
         // @ts-ignore
         signature="_vd3udx2g2hfn9zclob5cat43b94q7fyk"
       ></meta>
-      {/* SECURITY: to prevent the page from being loaded in an iFrame */}
-      <meta httpEquiv="X-Frame-Options" content="deny"></meta>
-      {/* to indicate the browser shouldn't interpret the response as something other than the specified content type */}
-      <meta httpEquiv="X-Content-Type-Options" content="nosniff"></meta>
-      {/* The Content-Security-Policy header is used to prevent a wide range of attacks, including Cross-Site Scripting (XSS) and other cross-site injections. */}
       {/* twitter metadata */}
       <meta name="twitter:card" content="summary_large_image" />
       <meta name="twitter:site" content={siteMetadata.twitterHandle} />