Replace Organisateur with Relayé par

- EventDetailScreen: person who shared the event is now "Relayé par"
- ProfileScreen/UserProfileScreen: remove role badges from event lists
- FriendsListScreen: Organisateur/Organisatrice → Relayeur/Relayeuse
- Update event data to transition-themed examples

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

src/screens/EventDetailScreen.tsx

@@ -67,7 +67,7 @@ export function EventDetailScreen({ navigate }: ScreenProps) {
             <Avatar initials="RC" />
             <div>
               <Text className="user-content" style={{ margin: 0, fontWeight: 'bold' }}>Reconnexion</Text>
-              <Text style={{ margin: 0, fontSize: 14, color: 'var(--sketch-gray)' }}>Organisateur</Text>
+              <Text style={{ margin: 0, fontSize: 14, color: 'var(--sketch-gray)' }}>Relayé par</Text>
             </div>
           </div>
 

src/screens/FriendsListScreen.tsx

@@ -15,10 +15,10 @@ export function FriendsListScreen({ navigate }: ScreenProps) {
   ];
 
   const publicProfiles = [
-    { initials: 'LB', name: 'Léa Bernard', username: '@leabernard', events: 45, role: 'Organisatrice' },
+    { initials: 'LB', name: 'Léa Bernard', username: '@leabernard', events: 45, role: 'Relayeuse' },
     { initials: 'MR', name: 'Marc Richard', username: '@marcrichard', events: 67, role: 'Animateur' },
     { initials: 'SF', name: 'Sophie Fontaine', username: '@sophief', events: 23, role: 'Créatrice' },
-    { initials: 'PG', name: 'Pierre Gagnon', username: '@pierreg', events: 89, role: 'Organisateur' },
+    { initials: 'PG', name: 'Pierre Gagnon', username: '@pierreg', events: 89, role: 'Relayeur' },
   ];
 
   const displayedList = activeTab === 'friends' ? friends : publicProfiles;

src/screens/ProfileScreen.tsx

@@ -4,8 +4,8 @@ import type { ScreenProps } from './index';
 
 export function ProfileScreen({ navigate }: ScreenProps) {
   const upcomingEvents = [
-    { title: 'Barbecue d\'été', date: '25 jan.', role: 'Organisateur' },
-    { title: 'Soirée jeux', date: '31 jan.', role: 'Participant' },
+    { title: 'Résidence Reconnexion', date: '16-20 fév.' },
+    { title: 'Atelier low-tech', date: '8 fév.' },
   ];
 
   return (
@@ -52,15 +52,10 @@ export function ProfileScreen({ navigate }: ScreenProps) {
           <Text style={{ fontWeight: 'bold', marginBottom: 12 }}>Mes événements à venir</Text>
           {upcomingEvents.map((event, i) => (
             <Card key={i} onClick={() => navigate('event-detail')} style={{ marginBottom: 12 }}>
-              <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
-                <div>
-                  <Text className="user-content" style={{ margin: 0, fontWeight: 'bold' }}>{event.title}</Text>
-                  <Text className="user-content" style={{ margin: '4px 0 0 0', fontSize: 14 }}>
-                    {event.date}
-                  </Text>
-                </div>
-                <Badge>{event.role}</Badge>
-              </div>
+              <Text className="user-content" style={{ margin: 0, fontWeight: 'bold' }}>{event.title}</Text>
+              <Text className="user-content" style={{ margin: '4px 0 0 0', fontSize: 14 }}>
+                {event.date}
+              </Text>
             </Card>
           ))}
           <Button style={{ width: '100%' }} onClick={() => navigate('events')}>

src/screens/UserProfileScreen.tsx

@@ -4,9 +4,9 @@ import type { ScreenProps } from './index';
 
 export function UserProfileScreen({ navigate }: ScreenProps) {
   const pastEvents = [
-    { title: 'Atelier poterie', date: '15 déc. 2025', role: 'Participant' },
-    { title: 'Festival d\'été', date: '20 juil. 2025', role: 'Organisateur' },
-    { title: 'Randonnée collective', date: '5 mai 2025', role: 'Participant' },
+    { title: 'Forum Ouvert Transition', date: '22 fév.' },
+    { title: 'Rencontre des Colibris', date: '12 fév.' },
+    { title: 'Formation CNV', date: '1 mars' },
   ];
 
   return (
@@ -56,15 +56,10 @@ export function UserProfileScreen({ navigate }: ScreenProps) {
 
           {pastEvents.map((event, i) => (
             <Card key={i} onClick={() => navigate('event-detail')} style={{ marginBottom: 12 }}>
-              <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
-                <div>
-                  <Text className="user-content" style={{ margin: 0, fontWeight: 'bold' }}>{event.title}</Text>
-                  <Text className="user-content" style={{ margin: '4px 0 0 0', fontSize: 14 }}>
-                    {event.date}
-                  </Text>
-                </div>
-                <Badge>{event.role}</Badge>
-              </div>
+              <Text className="user-content" style={{ margin: 0, fontWeight: 'bold' }}>{event.title}</Text>
+              <Text className="user-content" style={{ margin: '4px 0 0 0', fontSize: 14 }}>
+                {event.date}
+              </Text>
             </Card>
           ))}
         </div>