Performance: Remove debug overhead, consolidate external resources, clean up CSS

[Copilot]

Identified and removed inefficient patterns causing unnecessary runtime overhead and network requests.

Changes

JavaScript (41% reduction: 83 → 49 lines)

• Removed 17 production console.log statements
• Cached document.documentElement reference instead of repeated queries
• Simplified initialization by inlining logic

Before:

const setTheme = (isDark) => {
  console.log('DEBUG: setTheme called with isDark =', isDark);
  if (isDark) {
    document.documentElement.classList.add('dark-theme');
    console.log('DEBUG: Dark theme applied');
  }
  // ... 10 more console.log calls
};

After:

const htmlElement = document.documentElement;
const setTheme = (isDark) => {
  if (isDark) {
    htmlElement.classList.add('dark-theme');
    themeToggleIcon.textContent = '\u2600\uFE0F';
  } else {
    htmlElement.classList.remove('dark-theme');
    themeToggleIcon.textContent = '\u{1F319}';
  }
};

HTML

• Merged 2 Google Fonts requests into 1 with css2 API
• Added preconnect hints for fonts.googleapis.com and fonts.gstatic.com
• Applied font-display=swap to reduce CLS

CSS/SCSS

• Removed 4 empty media query blocks
• Removed redundant border-radius: 0 0 0 0
• Added .dark-theme class-based styles for JS toggle (previously relied only on system preference media query)
• Consolidated duplicate dark mode rules

Project

• Added .gitignore for node_modules/

Screenshots

Light Theme:

Dark Theme:

Original prompt

Identify and suggest improvements to slow or inefficient code

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.