Neah version mail design fix 8

app/mail/page.tsx

@@ -737,9 +737,21 @@ export default function MailPage() {
     }
   };
 
-  // Update the email list header to be cleaner
+  // Update the email list header to include search and adjust spacing
   const renderEmailListHeader = () => (
     <div className="border-b border-gray-100">
+      <div className="px-4 py-2">
+        <div className="relative">
+          <Search className="absolute left-2 top-2.5 h-4 w-4 text-gray-400" />
+          <Input
+            type="search"
+            placeholder="Search in folder..."
+            className="pl-8 h-9 bg-gray-50"
+            value={searchQuery}
+            onChange={(e) => setSearchQuery(e.target.value)}
+          />
+        </div>
+      </div>
       <div className="flex items-center px-4 h-14">
         <div className="flex items-center gap-3">
           <Checkbox
@@ -748,7 +760,7 @@ export default function MailPage() {
             className="mt-0.5"
           />
           <h2 className="text-base font-semibold text-gray-900">Inbox</h2>
-          <span className="text-sm text-gray-600">
+          <span className="text-sm text-gray-600 ml-4">
             {emails.length} emails
           </span>
         </div>