Add favicon generation script and assets

- Added a new script `generate-favicon.js` to create a favicon with an azure blue background and a white lightning bolt icon.
- Included a new PNG favicon (`favicon.png`) generated by the script.
- Added an SVG version of the favicon (`favicon.svg`) for scalability.
- Updated `package.json` to include the `canvas` dependency required for the favicon generation.

Author: richorama

favicon.png

@@ -0,0 +1,30 @@
+#!/usr/bin/env node
+import fs from 'fs';
+import { createCanvas } from 'canvas';
+
+const size = 32;
+const canvas = createCanvas(size, size);
+const ctx = canvas.getContext('2d');
+
+// Azure blue background with rounded corners
+ctx.fillStyle = '#0078D4';
+ctx.beginPath();
+ctx.roundRect(0, 0, size, size, 4);
+ctx.fill();
+
+// Draw lightning bolt in white
+ctx.fillStyle = '#FFFFFF';
+ctx.beginPath();
+ctx.moveTo(19, 5);    // top point
+ctx.lineTo(11, 16);   // middle left
+ctx.lineTo(15, 16);   // indent
+ctx.lineTo(13, 27);   // bottom point
+ctx.lineTo(24, 14);   // middle right
+ctx.lineTo(19, 14);   // indent
+ctx.closePath();
+ctx.fill();
+
+// Save as PNG
+const buffer = canvas.toBuffer('image/png');
+fs.writeFileSync('favicon.png', buffer);
+console.log('favicon.png created successfully!');

favicon.svg

@@ -10,6 +10,7 @@
         integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
     <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
     <title>Azure Speed Test 2.0</title>
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <link rel="icon" type="image/png" href="/favicon.png" />
     <style>
         :root {