feat: update favicon configuration and standardize site metadata icons

app/icon.svg

@@ -1,29 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="ESPDocs">
-  <title>ESPDocs</title>
-  <defs>
-    <linearGradient id="g" x1="6" y1="58" x2="58" y2="6" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#3b82f6"/>
-      <stop offset="0.55" stop-color="#8b5cf6"/>
-      <stop offset="1" stop-color="#ec4899"/>
-    </linearGradient>
-  </defs>
-
-  <!-- Pinos entrando pela esquerda: o sinal que chega do silício. -->
-  <g stroke="url(#g)" stroke-width="3.4" stroke-linecap="round">
-    <path d="M2 21h7"/>
-    <path d="M2 32h7"/>
-    <path d="M2 43h7"/>
-  </g>
-
-  <!-- Corpo do encapsulamento. -->
-  <rect x="9.25" y="9.25" width="45.5" height="45.5" rx="13"
-        fill="none" stroke="url(#g)" stroke-width="4.5"/>
-
-  <!-- Os mesmos três níveis viram linhas de texto: a documentação.
-       Comprimento decrescente para ler como parágrafo. -->
-  <g stroke="url(#g)" stroke-width="4.5" stroke-linecap="round">
-    <path d="M19 21h26"/>
-    <path d="M19 32h21"/>
-    <path d="M19 43h15"/>
-  </g>
-</svg>

app/layout.jsx

@@ -74,11 +74,13 @@ export const metadata = {
 
 	icons: {
 		icon: [
-			{ url: "/favicon.ico", sizes: "any" },
-			{ url: "/icon.svg", type: "image/svg+xml" },
+			{ url: "/favicon.ico", sizes: "48x48", type: "image/x-icon" },
 			{ url: "/favicon-48x48.png", sizes: "48x48", type: "image/png" },
+			{ url: "/favicon-32x32.png", sizes: "32x32", type: "image/png" },
+			{ url: "/favicon-16x16.png", sizes: "16x16", type: "image/png" },
 			{ url: "/icon-192.png", sizes: "192x192", type: "image/png" },
 			{ url: "/icon-512.png", sizes: "512x512", type: "image/png" },
+			{ url: "/icon.svg", type: "image/svg+xml" },
 		],
 		apple: [
 			{ url: "/apple-touch-icon.png", sizes: "180x180", type: "image/png" },