feat: optimized homepage images

src/app/page.tsx

@@ -35,7 +35,7 @@ export default function Page() {
                       tool.disabled ? styles.tool.disabled : styles.tool.enabled
                     }
                     style={{
-                      backgroundImage: `url(/assets/banners/${tool.id}.png)`,
+                      backgroundImage: `url(/assets/banners/${tool.id}.webp)`,
                       cursor: tool.disabled ? 'default' : 'pointer',
                       opacity: tool.disabled ? 0.25 : 1,
                       height: 128,

src/components/PageWrapper.tsx

@@ -8,7 +8,7 @@ export default function PageWrapper({
     <div
       style={{
         width: '100%',
-        maxWidth: 780,
+        maxWidth: 800,
         margin: 'auto',
         display: 'flex',
         padding: 16,