refactor: rename updateThemeIcon to updateMobileThemeIcon and update its calls for mobile theme toggles.

Author: Chamath-Adithya

docs/assets/js/main.js

@@ -186,13 +186,13 @@ document.addEventListener('DOMContentLoaded', () => {
                 themeToggle.click(); // Trigger original toggle
                 // Update icon manually for the clone
                 const isDark = document.documentElement.getAttribute('data-theme') === 'dark';
-                updateThemeIcon(mobileThemeToggle, isDark);
+                updateMobileThemeIcon(mobileThemeToggle, isDark);
             });
             mobileActions.appendChild(mobileThemeToggle);
 
             // Initial icon state
             const isDark = localStorage.getItem('theme') === 'dark';
-            updateThemeIcon(mobileThemeToggle, isDark);
+            updateMobileThemeIcon(mobileThemeToggle, isDark);
         }
 
         hamburger.addEventListener('click', () => {
@@ -212,7 +212,7 @@ document.addEventListener('DOMContentLoaded', () => {
         });
     }
 
-    function updateThemeIcon(btn, isDark) {
+    function updateMobileThemeIcon(btn, isDark) {
         btn.innerHTML = isDark ?
             `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="5"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg>` :
             `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>`;