nt Area -->
    <div class="main-container">
      <!-- Sidebar hover zone -->
      <div class="sidebar-hover-zone" id="sidebar-hover-zone"></div>

      <!-- Sidebar Navigation -->
      <aside id="sidebar" class="sidebar collapsed">
        <nav class="sidebar-nav">
          <div class="sidebar-header">
            <h2>Navigation</h2>
            <button
              id="sidebar-close"
              class="sidebar-close"
              aria-label="Close sidebar"
            >
              ×
          