        </li>
    </div>
    </ul>
    </div>
    <script>
      document.addEventListener("DOMContentLoaded", () => {
        const savedAvatar = localStorage.getItem("selectedAvatar");
        if (savedAvatar) {
          document.getElementById("profile-avatar").src = `./assets/images/${savedAvatar}`;
        }
      });

        // Theme switcher
        document.addEventListener('DOMContentLoaded', function () {
          const toggleSwitch = document.querySelector('.switch-container input[type="checkb