fix(mobile): déconnexion accessible depuis tous les onglets

Bug remonté par le référent : une fois authentifié, impossible de revenir en
arrière ou de se déconnecter. Seule « Ma journée » portait ce contrôle
(onLongPress non découvrable) ; les 3 autres onglets n'avaient rien.

EnteteTabs() factorise l'entête (composants/ui.tsx) : tap simple + confirmation
Alert, rôle affiché = celui du compte connecté (plus de libellé "Technicien"
figé — le mobile n'est plus réservé aux techniciens). Réutilisée dans les 4
onglets.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

apps/mobile/app/(tabs)/journee.tsx

@@ -10,7 +10,8 @@ import {
   type WorkOrderStatus,
 } from '@siop/shared';
 import { api, unwrap } from '@/api/client';
-import { useHorsLigne, useLogout, useMe } from '@/auth/session';
+import { useHorsLigne } from '@/auth/session';
+import { EnteteTabs } from '@/composants/ui';
 import { triJournee } from '@/lib/journee';
 import { useTokens, type Tokens } from '@/theme/tokens';
 
@@ -43,9 +44,7 @@ const STRIE_PRIORITE: Record<WorkOrderPriority, (t: Tokens) => string> = {
 export default function PageJournee() {
   const t = useTokens();
   const horsLigne = useHorsLigne();
-  const { data: me } = useMe();
   const { data: workOrders, refetch, isFetching, dataUpdatedAt } = useWorkOrders();
-  const logout = useLogout();
 
   const ots = triJournee(workOrders ?? []);
   const urgences = ots.filter((o) => o.priority === 'PERSON_TRAPPED');
@@ -55,57 +54,7 @@ export default function PageJournee() {
   return (
     <SafeAreaView style={{ flex: 1, backgroundColor: t.fond }} edges={['top']}>
       <View style={{ padding: 14, gap: 10, flex: 1 }}>
-        {/* Entête app : marque + pastille synchro + compte */}
-        <View style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
-          <Text style={{ color: t.safran, fontSize: 15 }}>♦</Text>
-          <Text style={{ fontFamily: 'Manrope_800ExtraBold', fontSize: 17, color: t.encre }}>
-            SIOP
-          </Text>
-          <Text style={{ fontFamily: 'Manrope_600SemiBold', fontSize: 10.5, color: t.encre3 }}>
-            Technicien
-          </Text>
-          <View style={{ flexDirection: 'row', alignItems: 'center', gap: 6, marginLeft: 'auto' }}>
-            <Text
-              accessibilityLabel="État de synchronisation"
-              style={{
-                fontFamily: 'Manrope_700Bold',
-                fontSize: 10.5,
-                color: horsLigne ? t.stAttente : t.stTermine,
-                backgroundColor: horsLigne ? t.stAttenteFond : t.stTermineFond,
-                paddingHorizontal: 8,
-                paddingVertical: 2,
-                borderRadius: 999,
-                overflow: 'hidden',
-              }}
-            >
-              {horsLigne ? 'Hors-ligne' : 'Synchro à jour'}
-            </Text>
-            <Pressable
-              accessibilityRole="button"
-              accessibilityLabel="Se déconnecter"
-              onLongPress={() => {
-                void logout().then(() => router.replace('/connexion'));
-              }}
-              style={{
-                width: 26,
-                height: 26,
-                borderRadius: 13,
-                backgroundColor: t.stEncours,
-                alignItems: 'center',
-                justifyContent: 'center',
-              }}
-            >
-              <Text style={{ color: '#fff', fontFamily: 'Manrope_700Bold', fontSize: 10 }}>
-                {(me?.displayName ?? '·')
-                  .split(' ')
-                  .map((m) => m[0])
-                  .join('')
-                  .slice(0, 2)
-                  .toUpperCase()}
-              </Text>
-            </Pressable>
-          </View>
-        </View>
+        <EnteteTabs />
 
         <View style={{ flexDirection: 'row', alignItems: 'baseline' }}>
           <Text style={{ fontFamily: 'Manrope_800ExtraBold', fontSize: 19, color: t.encre }}>