Change day icon from sun to cloud-sun to avoid settings confusion

- Replace fa-sun with fa-cloud-sun for better clarity
- Cloud-sun icon better represents daytime without looking like settings
- Update CSS selectors to match new icon class

Co-authored-by: Claude <noreply@anthropic.com>
🤖 Generated with Claude Code

Author: lenis2000

_includes/navbar.html

@@ -21,7 +21,7 @@
     <!-- Dark mode toggle for mobile -->
     <button class="theme-toggle-dual d-md-none me-2" id="theme-toggle-mobile" title="Toggle dark mode">
       <span class="toggle-track">
-        <i class="fas fa-sun"></i>
+        <i class="fas fa-cloud-sun"></i>
         <i class="fas fa-moon"></i>
         <span class="toggle-thumb"></span>
       </span>
@@ -74,7 +74,7 @@
       <li class="nav-item d-flex align-items-center">
         <button class="theme-toggle-dual me-2" id="theme-toggle" title="Toggle dark mode">
           <span class="toggle-track">
-            <i class="fas fa-sun"></i>
+            <i class="fas fa-cloud-sun"></i>
             <i class="fas fa-moon"></i>
             <span class="toggle-thumb"></span>
           </span>

css/main.css

@@ -639,7 +639,7 @@ footer {
   transition: color 0.3s ease;
 }
 
-.toggle-track .fa-sun {
+.toggle-track .fa-cloud-sun {
   color: #002F6C;
 }
 
@@ -676,7 +676,7 @@ footer {
   background-color: rgba(255, 255, 255, 0.15);
 }
 
-[data-theme="dark"] .toggle-track .fa-sun {
+[data-theme="dark"] .toggle-track .fa-cloud-sun {
   color: rgba(255, 255, 255, 0.4);
 }