fix: generate app-update.yml for electron-updater compatibility

The auto-updater was failing with ENOENT because electron-updater
expects an app-update.yml in the resources directory, but Electron
Forge doesn't generate one. Added a generateAssets hook that creates
the file during build and extraResource config to include it.

Also bumps sidebar icons from 22px to 28px.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: dbfx

forge.config.ts

@@ -1,4 +1,5 @@
 import path from 'path';
+import fs from 'fs';
 import type { ForgeConfig } from '@electron-forge/shared-types';
 import { MakerSquirrel } from '@electron-forge/maker-squirrel';
 import { MakerZIP } from '@electron-forge/maker-zip';
@@ -10,6 +11,16 @@ const config: ForgeConfig = {
     icon: path.resolve(__dirname, 'build', 'icon'),
     name: 'Modern MTR',
     executableName: 'modern-mtr',
+    extraResource: [path.resolve(__dirname, 'build', 'app-update.yml')],
+  },
+  hooks: {
+    generateAssets: async () => {
+      // Generate app-update.yml required by electron-updater
+      const yml = 'provider: github\nowner: dbfx\nrepo: modern-win-mtr\n';
+      const buildDir = path.resolve(__dirname, 'build');
+      if (!fs.existsSync(buildDir)) fs.mkdirSync(buildDir, { recursive: true });
+      fs.writeFileSync(path.join(buildDir, 'app-update.yml'), yml, 'utf-8');
+    },
   },
   rebuildConfig: {},
   makers: [

src/renderer/components/Layout.tsx

@@ -116,7 +116,7 @@ function SidebarButton({
 
 function TraceSvg() {
   return (
-    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+    <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
       <circle cx="5" cy="6" r="2" />
       <circle cx="12" cy="12" r="2" />
       <circle cx="19" cy="18" r="2" />
@@ -128,7 +128,7 @@ function TraceSvg() {
 
 function GlobeSvg() {
   return (
-    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+    <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
       <circle cx="12" cy="12" r="10" />
       <line x1="2" y1="12" x2="22" y2="12" />
       <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" />
@@ -138,7 +138,7 @@ function GlobeSvg() {
 
 function SignalSvg() {
   return (
-    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+    <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
       <rect x="4" y="14" width="3" height="6" rx="1" />
       <rect x="10" y="10" width="3" height="10" rx="1" />
       <rect x="16" y="6" width="3" height="14" rx="1" />
@@ -148,7 +148,7 @@ function SignalSvg() {
 
 function RouteSvg() {
   return (
-    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+    <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
       <circle cx="6" cy="19" r="3" />
       <path d="M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H18" />
       <circle cx="18" cy="5" r="3" />
@@ -158,7 +158,7 @@ function RouteSvg() {
 
 function BellSvg() {
   return (
-    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+    <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
       <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" />
       <path d="M13.73 21a2 2 0 0 1-3.46 0" />
     </svg>
@@ -167,7 +167,7 @@ function BellSvg() {
 
 function InfoSvg() {
   return (
-    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+    <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
       <circle cx="12" cy="12" r="10" />
       <line x1="12" y1="16" x2="12" y2="12" />
       <line x1="12" y1="8" x2="12.01" y2="8" />