Neah version mail design fix 5 bis

app/mail/page.tsx

@@ -709,6 +709,26 @@ export default function MailPage() {
     setSelectedEmails([]);
   };
 
+  // Add infinite scroll handler
+  const handleScroll = useCallback((e: React.UIEvent<HTMLDivElement>) => {
+    const target = e.currentTarget;
+    if (
+      target.scrollHeight - target.scrollTop === target.clientHeight &&
+      !isLoadingMore &&
+      hasMore
+    ) {
+      setPage(prev => prev + 1);
+      loadEmails(true);
+    }
+  }, [isLoadingMore, hasMore]);
+
+  // Sort emails by date (most recent first)
+  const sortedEmails = useMemo(() => {
+    return [...emails].sort((a, b) => {
+      return new Date(b.date).getTime() - new Date(a.date).getTime();
+    });
+  }, [emails]);
+
   const toggleSelectAll = () => {
     if (selectedEmails.length === emails.length) {
       setSelectedEmails([]);