style(lists): live pill left of a divider, actions right, like the notes

Tasks get the live pill too.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

frontend/src/features/triage/TasksView.tsx

@@ -41,6 +41,7 @@ import { ManageColumnsModal, DEFAULT_KANBAN_COLUMNS, columnDotClass } from './Ma
 import { AvatarStack, AvatarPerson } from '../../components/AvatarStack';
 import { CountBadge } from '../../components/CountBadge';
 import { ListSwitcher } from '../../components/ListSwitcher';
+import { LivePill } from '../../components/LivePill';
 import { FormSheet } from '../../components/FormSheet';
 import { EmojiIconButton } from '../../components/EmojiIconButton';
 import { useMobileActions } from '../../context/MobileActionContext';
@@ -1872,8 +1873,9 @@ export const TasksView: React.FC<TasksViewProps> = ({
           </button>
         </div>
 
-        {/* Right Header Section: Sharing Badge, Icon-Only Button & View Switcher */}
+        {/* Right Header Section like the notes: status (live, shared) | actions (share, view switcher) */}
         <div className="flex items-center gap-2">
+          <LivePill />
           {currentSelectedList && (() => {
             const listOwnerId = currentSelectedList.ownerId || currentSelectedList.userId;
             const isOwner = currentSelectedList.isOwner !== false && (!listOwnerId || listOwnerId === currentUser?.id);
@@ -1910,6 +1912,7 @@ export const TasksView: React.FC<TasksViewProps> = ({
                   )
                 )}
 
+                <span className="w-px h-5 bg-border mx-0.5" aria-hidden />
                 <button
                   type="button"
                   onClick={() => handleOpenShareModal(currentSelectedList)}
@@ -1921,6 +1924,7 @@ export const TasksView: React.FC<TasksViewProps> = ({
               </div>
             );
           })()}
+          {!currentSelectedList && <span className="w-px h-5 bg-border mx-0.5" aria-hidden />}
 
           {/* View Switcher: List vs Kanban */}
           <div className="flex border border-border rounded-btn bg-canvas overflow-hidden">
@@ -1973,16 +1977,22 @@ export const TasksView: React.FC<TasksViewProps> = ({
               : `Papierkorb (${taskTrash.length})`}
           </span>
         </div>
-        {currentSelectedList && (
-          <button
-            type="button"
-            onClick={() => handleOpenShareModal(currentSelectedList)}
-            className="btn-icon min-h-[36px] min-w-[36px] flex items-center justify-center flex-shrink-0"
-            title="Aufgabenliste teilen"
-          >
-            <Users className="w-4 h-4 text-accent" />
-          </button>
-        )}
+        <div className="flex items-center gap-1.5 flex-shrink-0">
+          <LivePill />
+          {currentSelectedList && (
+            <>
+              <span className="w-px h-5 bg-border" aria-hidden />
+              <button
+                type="button"
+                onClick={() => handleOpenShareModal(currentSelectedList)}
+                className="btn-icon min-h-[36px] min-w-[36px] flex items-center justify-center"
+                title="Aufgabenliste teilen"
+              >
+                <Users className="w-4 h-4 text-accent" />
+              </button>
+            </>
+          )}
+        </div>
       </div>
 
       {isSelectedListReadOnly && (