chore: delete role page

mobile/App.tsx

@@ -11,8 +11,6 @@ import { ThemeProvider, useTheme } from "./src/context/ThemeContext";
 
 import HomeScreen from "./src/screens/HomeScreen";
 import ClientLoginScreen from "./src/screens/auth/ClientLoginScreen";
-import RegisterScreen from "./src/screens/auth/RegisterScreen";
-import RoleSelectScreen from "./src/screens/auth/RoleSelectScreen";
 import ClientNavigator from "./src/navigation/ClientNavigator";
 import type { RootStackParamList } from "./src/navigation/types";
 
@@ -38,16 +36,6 @@ function AuthStack() {
                 component={ClientLoginScreen}
                 options={{ title: "Connexion" }}
             />
-            <Stack.Screen
-                name="register"
-                component={RegisterScreen}
-                options={{ title: "Inscription" }}
-            />
-            <Stack.Screen
-                name="role"
-                component={RoleSelectScreen}
-                options={{ title: "Choisir un rôle" }}
-            />
         </Stack.Navigator>
     );
 }

mobile/src/screens/auth/RoleSelectScreen.tsx

@@ -1,95 +0,0 @@
-import React from "react";
-import { View, Text, TouchableOpacity, StyleSheet } from "react-native";
-import { Ionicons } from "@expo/vector-icons";
-import { useNavigation } from "@react-navigation/native";
-import type { NativeStackNavigationProp } from "@react-navigation/native-stack";
-import type { RootStackParamList } from "../../navigation/types";
-import { useTheme } from "../../context/ThemeContext";
-
-type Nav = NativeStackNavigationProp<RootStackParamList, "role">;
-
-export default function RoleSelectScreen() {
-    const navigation = useNavigation<Nav>();
-    const { colors } = useTheme();
-
-    return (
-        <View
-            style={[styles.container, { backgroundColor: colors.bgSecondary }]}
-        >
-            <View style={[styles.card, { backgroundColor: colors.bgPrimary }]}>
-                <Ionicons name="people-outline" size={48} color="#7c3aed" />
-                <Text style={[styles.title, { color: colors.textWhite }]}>
-                    Choisir un role
-                </Text>
-                <Text style={[styles.subtitle, { color: colors.textMuted }]}>
-                    Selectionnez votre type de compte
-                </Text>
-
-                <TouchableOpacity
-                    style={[
-                        styles.roleBtn,
-                        {
-                            backgroundColor: colors.bgInput,
-                            borderColor: colors.border,
-                        },
-                    ]}
-                    onPress={() => navigation.navigate("login")}
-                >
-                    <Ionicons name="person-outline" size={24} color="#7c3aed" />
-                    <View style={styles.roleBtnText}>
-                        <Text
-                            style={[
-                                styles.roleTitle,
-                                { color: colors.textWhite },
-                            ]}
-                        >
-                            Client
-                        </Text>
-                        <Text
-                            style={[
-                                styles.roleDesc,
-                                { color: colors.textMuted },
-                            ]}
-                        >
-                            Commander des produits
-                        </Text>
-                    </View>
-                    <Ionicons
-                        name="chevron-forward"
-                        size={20}
-                        color={colors.textMuted}
-                    />
-                </TouchableOpacity>
-            </View>
-        </View>
-    );
-}
-
-const styles = StyleSheet.create({
-    container: {
-        flex: 1,
-        justifyContent: "center",
-        alignItems: "center",
-        padding: 16,
-    },
-    card: {
-        width: "100%",
-        maxWidth: 400,
-        borderRadius: 16,
-        padding: 24,
-        alignItems: "center",
-    },
-    title: { fontSize: 24, fontWeight: "bold", marginTop: 12 },
-    subtitle: { fontSize: 14, marginTop: 4, marginBottom: 24 },
-    roleBtn: {
-        flexDirection: "row",
-        alignItems: "center",
-        borderRadius: 12,
-        padding: 16,
-        width: "100%",
-        borderWidth: 1,
-    },
-    roleBtnText: { flex: 1, marginLeft: 12 },
-    roleTitle: { fontSize: 16, fontWeight: "600" },
-    roleDesc: { fontSize: 12, marginTop: 2 },
-});