Move permission badge and share button above add task bar

app/list/[id]/page.tsx

@@ -58,6 +58,25 @@ export default async function ListDetailPage({ params }: { params: { id: string
         </p>
       </div>
 
+      {/* Permission Badge and Share Button */}
+      <div className="mb-6 sm:mb-8">
+        <ListDetailView 
+          listId={list.id} 
+          initialItems={list.items}
+          permission={permission}
+          canShare={canShare}
+          listTitle={list.title}
+          ownerId={list.ownerId}
+          ownerName={list.owner?.name}
+          ownerEmail={list.owner?.email || ''}
+          collaborators={list.collaborators.map(c => ({
+            ...c,
+            permission: c.permission as 'editor' | 'viewer'
+          }))}
+          showOnlyHeader={true}
+        />
+      </div>
+
       {/* Inline Item Creation - only show if user can edit */}
       {canEdit && (
         <div className="mb-6 sm:mb-8">
@@ -65,7 +84,7 @@ export default async function ListDetailPage({ params }: { params: { id: string
         </div>
       )}
 
-      {/* Search, Filter, and Items List */}
+      {/* Items List */}
       <ListDetailView 
         listId={list.id} 
         initialItems={list.items}
@@ -79,6 +98,7 @@ export default async function ListDetailPage({ params }: { params: { id: string
           ...c,
           permission: c.permission as 'editor' | 'viewer'
         }))}
+        showOnlyItems={true}
       />
     </main>
   )