update viewers page

src/App.jsx

@@ -2254,7 +2254,7 @@ function ViewersPage({ viewers }) {
               </p>
             </div>
             <p className="text-sm font-semibold text-fury-cyan">
-              {formatNumber(active.length)} active sessions
+              {formatNumber(active.length)} active visitors
             </p>
           </div>
         </div>
@@ -2295,9 +2295,9 @@ function ViewersPage({ viewers }) {
 
       <div className="overflow-hidden rounded-lg border border-border bg-fury-white shadow-sm">
         <div className="border-b border-surface px-5 py-4">
-          <h2 className="text-lg font-semibold">Active sessions</h2>
+          <h2 className="text-lg font-semibold">Active visitors</h2>
           <p className="mt-1 text-sm text-text-soft">
-            Individual sessions currently contributing to the active page counts
+            Visitors currently contributing to the active page counts
           </p>
         </div>
         {active.map((viewer) => (
@@ -2319,7 +2319,9 @@ function ViewersPage({ viewers }) {
             </div>
             <p className="text-text-soft">{viewer.language || 'unknown language'}</p>
             <p className="text-text-soft">Seen {relativeSeconds(viewer.last_seen_at)}</p>
-            <p className="font-mono text-xs text-text-muted">#{viewer.session}</p>
+            <p className="font-mono text-xs text-text-muted">
+              {formatNumber(viewer.sessions || 1)} {(viewer.sessions || 1) === 1 ? 'tab' : 'tabs'} · #{viewer.visitor}
+            </p>
           </div>
         ))}
         {!active.length ? (