chore: add semi&gros page

mobile/src/screens/client/ProductsScreen.tsx

@@ -16,6 +16,7 @@ import {
     ImageBackground,
     Animated,
 } from "react-native";
+import { useFonts } from "expo-font";
 import { useNavigation } from "@react-navigation/native";
 import type { NativeStackNavigationProp } from "@react-navigation/native-stack";
 import { getAllProducts, getProductsByCategory } from "../../api/api";
@@ -52,6 +53,9 @@ type Nav = NativeStackNavigationProp<ClientStackParamList>;
 export default function ProductsScreen() {
     const { colors } = useTheme();
     const navigation = useNavigation<Nav>();
+    const [fontsLoaded] = useFonts({
+        "ReachFillOutline": require("../../../assets/fonts/reach-fill-outline.ttf"),
+    });
     const [products, setProducts] = useState<Product[]>([]);
     const [selectedCategory, setSelectedCategory] = useState("tous");
     const [loading, setLoading] = useState(true);
@@ -165,16 +169,21 @@ export default function ProductsScreen() {
                     left: 0,
                     right: 0,
                     bottom: 0,
-                    justifyContent: "center",
+                    justifyContent: "flex-end",
                     alignItems: "center",
+                    paddingBottom: 96,
                     pointerEvents: "none",
                 },
                 comingSoonText: {
-                    fontSize: 32,
+                    fontFamily: fontsLoaded ? "ReachFillOutline" : undefined,
-                    fontWeight: "800",
+                    fontSize: 36,
-                    color: colors.textWhite,
+                    color: "#8E8FE8",
-                    letterSpacing: 2,
+                    letterSpacing: 4,
                     textAlign: "center",
+                    textTransform: "uppercase",
+                    textShadowColor: "rgba(142, 143, 232, 0.85)",
+                    textShadowOffset: { width: 0, height: 0 },
+                    textShadowRadius: 18,
                 },
             }),
         [colors],