[gateway] assets fix and clear console warnings

tools/tenscan/frontend/pages/_app.tsx

@@ -69,9 +69,25 @@ export default function App({ Component, pageProps }: AppProps) {
         ogTwitterImage={siteMetadata.siteLogo}
         ogType={"website"}
       >
-        <link rel="icon" href="/static/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"
+        />
+        <link rel="manifest" href="/favicon/site.webmanifest" />
       </HeadSeo>
       <QueryClientProvider client={queryClient}>
         <ThemeProvider

tools/tenscan/frontend/public/favicon/site.webmanifest

@@ -0,0 +1,19 @@
+{
+  "name": "Tenscan",
+  "short_name": "Tenscan",
+  "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"
+}

tools/walletextension/frontend/public/favicon/site.webmanifest

@@ -0,0 +1,19 @@
+{
+  "name": "Ten Gateway",
+  "short_name": "Ten Gateway",
+  "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"
+}

tools/walletextension/frontend/src/components/layouts/header.tsx

@@ -21,7 +21,7 @@ export default function Header() {
             className="cursor-pointer dark:hidden"
           />
           <Image
-            src="/assets/images/white_logotype.png"
+            src="/static/assets/images/white_logotype.png"
             alt="Logo"
             width={150}
             height={40}

tools/walletextension/frontend/src/pages/_app.tsx

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

tools/walletextension/frontend/src/styles/globals.css

@@ -16,7 +16,9 @@
 
   body {
     @apply bg-background text-foreground;
-    font-feature-settings: "rlig" 1, "calt" 1;
+    font-feature-settings:
+      "rlig" 1,
+      "calt" 1;
     font-family: "Quicksand", sans-serif;
   }