courrier refactor rebuild 2

app/courrier/page.tsx

@@ -97,7 +97,7 @@ export default function CourrierPage() {
   const [showLoginNeeded, setShowLoginNeeded] = useState(false);
   const [sidebarOpen, setSidebarOpen] = useState(true);
   const [mobileSidebarOpen, setMobileSidebarOpen] = useState(false);
-  const [accountsDropdownOpen, setAccountsDropdownOpen] = useState(false);
+  const [accountsDropdownOpen, setAccountsDropdownOpen] = useState(true);
   const [currentView, setCurrentView] = useState('INBOX');
   const [unreadCount, setUnreadCount] = useState(0);
   const [loading, setLoading] = useState(false);
@@ -233,30 +233,6 @@ export default function CourrierPage() {
     setShowDeleteConfirm(false);
   };
   
-  // Render sidebar navigation
-  const renderSidebarNav = () => (
-    <nav className="p-3">
-      <ul className="space-y-0.5 px-2">
-        {mailboxes.map((folder) => (
-          <li key={folder}>
-            <Button 
-              variant={currentFolder === folder ? 'secondary' : 'ghost'}
-              className={`w-full justify-start py-2 ${
-                currentFolder === folder ? 'bg-gray-100 text-gray-900' : 'text-gray-600 hover:text-gray-900'
-              }`}
-              onClick={() => handleMailboxChange(folder)}
-            >
-              <div className="flex items-center">
-                {React.createElement(getFolderIcon(folder), { className: "h-4 w-4" })}
-                <span className="ml-2">{formatFolderName(folder)}</span>
-              </div>
-            </Button>
-          </li>
-        ))}
-      </ul>
-    </nav>
-  );
-
   // Check login on mount
   useEffect(() => {
     // Check if the user is logged in after a short delay
@@ -392,9 +368,6 @@ export default function CourrierPage() {
                   </div>
                 )}
               </div>
-
-              {/* Navigation */}
-              {renderSidebarNav()}
             </div>
             
             {/* Email List and Content View */}