Delete the Tasks Calendar Analytics with Profile button at the top left corner as well as the two small gray images above it.

components/navbar.js

@@ -40,69 +40,19 @@ class NavHeader extends HTMLElement {
                 }
                 
                 @media (max-width: 768px) {
-                    .mobile-menu {
-                        transform: translateX(100%);
-                        transition: transform 0.3s ease;
-                    }
-                    
-                    .mobile-menu.active {
-                        transform: translateX(0);
-                    }
-                }
+}
             </style>
-            
             <nav class="navbar sticky top-0 z-40 px-4 md:px-6 py-4">
-                <div class="container mx-auto flex justify-between items-center">
+                <div class="container mx-auto flex justify-center items-center">
                     <div class="flex items-center gap-2">
                         <i data-feather="check-square" class="w-8 h-8 text-primary-500"></i>
                         <span class="logo">TaskMail</span>
                     </div>
-<button class="md:hidden" id="mobileMenuBtn">
-                        <i data-feather="menu" class="w-6 h-6 text-gray-700"></i>
-                    </button>
-                </div>
-                
-                <!-- Mobile Menu -->
-                <div class="mobile-menu fixed top-0 right-0 w-64 h-full bg-white shadow-2xl md:hidden" id="mobileMenu">
-                    <div class="p-6">
-                        <button class="absolute top-4 right-4" id="closeMobileMenu">
-                            <i data-feather="x" class="w-6 h-6 text-gray-700"></i>
-                        </button>
-                        
-                        <div class="mt-8 space-y-4">
-                            <a href="#" class="block text-gray-700 hover:text-primary-500 font-medium py-2">
-                                Tasks
-                            </a>
-                            <a href="#" class="block text-gray-700 hover:text-primary-500 font-medium py-2">
-                                Calendar
-                            </a>
-                            <a href="#" class="block text-gray-700 hover:text-primary-500 font-medium py-2">
-                                Analytics
-                            </a>
-                            <button class="w-full bg-primary-500 text-white px-4 py-2 rounded-lg hover:bg-primary-600 transition-colors flex items-center justify-center gap-2 mt-4">
-                                <i data-feather="user" class="w-4 h-4"></i>
-                                Profile
-                            </button>
-                        </div>
-                    </div>
                 </div>
             </nav>
+</nav>
         `;
-        
-        // Mobile menu functionality
-        const mobileMenuBtn = this.shadowRoot.getElementById('mobileMenuBtn');
-        const closeMobileMenu = this.shadowRoot.getElementById('closeMobileMenu');
-        const mobileMenu = this.shadowRoot.getElementById('mobileMenu');
-        
-        mobileMenuBtn.addEventListener('click', () => {
-            mobileMenu.classList.add('active');
-        });
-        
-        closeMobileMenu.addEventListener('click', () => {
-            mobileMenu.classList.remove('active');
-        });
-        
-        // Initialize feather icons
+// Initialize feather icons
         setTimeout(() => {
             feather.replace();
         }, 0);