fix favicon, cloudflare script blocking, error in js on startup

public/about.html

@@ -4,6 +4,7 @@
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta name="color-scheme" content="light dark">
+        <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline' https://static.cloudflareinsights.com; object-src 'none';">
         <link rel="stylesheet" href="css/pico.jade.min.css">
         <link rel="stylesheet" href="site-styles/style.css">
         <title>Keyboard Vagabond - About</title>

public/index.html

@@ -5,6 +5,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="color-scheme" content="light dark">
+    <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline' https://static.cloudflareinsights.com; object-src 'none';">
     
     <!-- Primary SEO Meta Tags -->
     <title>Keyboard Vagabond - Fediverse for Digital Nomads</title>

public/site-scripts/theme-toggle.js

@@ -40,10 +40,7 @@
         
         applyTheme(storedTheme);
         
-        themeToggle.addEventListener('click', toggleTheme);
-        
         window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
-            // Only apply theme if user hasn't made an explicit choice
             const storedTheme = getStoredTheme();
             if (storedTheme === 'auto') {
                 applyTheme();