feat: atualizar favicon e ampliar logo no desktop

e2e/pwa.spec.js

@@ -24,9 +24,9 @@ test.describe('PWA', () => {
     expect(scope).toBe('http://localhost:3000/')
   })
 
-  test('serve o ícone svg da aba', async ({ page }) => {
-    const response = await page.goto('/icon.svg')
+  test('serve o ícone da aba', async ({ page }) => {
+    const response = await page.goto('/logo.ico')
     expect(response.status()).toBe(200)
-    expect(response.headers()['content-type']).toContain('svg')
+    expect(response.headers()['content-type']).toMatch(/image\/(x-icon|vnd\.microsoft\.icon)/)
   })
 })

public/sw.js

@@ -1,7 +1,7 @@
-const CACHE_VERSION = 'v3'
+const CACHE_VERSION = 'v4'
 const STATIC_CACHE = `cb-static-${CACHE_VERSION}`
 
-const STATIC_ASSETS = ['/', '/eventos', '/sobre', '/manifest.webmanifest', '/icon.svg']
+const STATIC_ASSETS = ['/', '/eventos', '/sobre', '/manifest.webmanifest', '/logo.ico']
 
 self.addEventListener('install', (event) => {
   event.waitUntil(caches.open(STATIC_CACHE).then((cache) => cache.addAll(STATIC_ASSETS)))

src/app/layout.jsx

@@ -29,6 +29,9 @@ export const metadata = {
   metadataBase: new URL(SITE_URL),
   title: 'Eventos Café Bugado',
   description: 'Agenda de eventos da comunidade Café Bugado',
+  icons: {
+    icon: '/logo.ico',
+  },
   openGraph: {
     siteName: 'Eventos - Comunidade Café Bugado',
     locale: 'pt_BR',

src/components/Header.jsx

@@ -62,7 +62,12 @@ export default function Header() {
           rel="noopener noreferrer"
           sx={{ display: 'flex', alignItems: 'center', flex: 1 }}
         >
-          <Box component="img" src="/logo.png" alt="Eventos Cafe Bugado" sx={{ height: 36 }} />
+          <Box
+            component="img"
+            src="/logo.png"
+            alt="Eventos Cafe Bugado"
+            sx={{ display: 'block', height: { xs: 36, md: 52 }, width: 'auto' }}
+          />
         </Box>
 
         <Stack