feat(workouts): add swipe-to-delete with gesture handler and pull-to-refresh

src/features/workout-builder/screens/BuilderScreen.tsx

@@ -11,7 +11,8 @@ const STROKES: StrokeType[] = ["Freestyle", "Backstroke", "Breaststroke", "Butte
 
 export function BuilderScreen() {
   const navigation = useNavigation<NativeStackNavigationProp<RootStackParamList>>();
-  const { poolLength } = useSettings();
+  const { poolLength: defaultPoolLength } = useSettings();
+  const [poolLength, setPoolLength] = useState(defaultPoolLength);
   const {
     sets,
     workoutName,
@@ -53,6 +54,29 @@ export function BuilderScreen() {
           />
         </View>
 
+        <View className="mb-4">
+          <Text className="text-sm font-medium text-slate-500 mb-1">Pool Length</Text>
+          <View className="flex-row gap-2">
+            {[25, 50].map((length) => (
+              <Pressable
+                key={length}
+                onPress={() => setPoolLength(length)}
+                className={`flex-1 py-2.5 rounded-xl items-center ${
+                  poolLength === length ? "bg-sky-500" : "bg-slate-100"
+                }`}
+              >
+                <Text
+                  className={`font-semibold ${
+                    poolLength === length ? "text-white" : "text-slate-600"
+                  }`}
+                >
+                  {length}m
+                </Text>
+              </Pressable>
+            ))}
+          </View>
+        </View>
+
         {sets.map((set, index) => (
           <View key={index} className="bg-slate-50 rounded-2xl p-4 mb-3 border border-slate-200">
             <View className="flex-row justify-between items-center mb-3">