fix(history,workout-builder): memoize async load functions with useCallback

src/features/history/screens/HistoryScreen.tsx

@@ -27,15 +27,15 @@ export function HistoryScreen() {
   const [sessions, setSessions] = useState<SessionRow[]>([]);
   const [refreshing, setRefreshing] = useState(false);
 
-  const loadSessions = async () => {
+  const loadSessions = useCallback(async () => {
     const data = await getAllSessions();
     setSessions(data as SessionRow[]);
-  };
+  }, []);
 
   useFocusEffect(
     useCallback(() => {
       loadSessions();
-    }, [])
+    }, [loadSessions])
   );
 
   const onRefresh = async () => {

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

@@ -24,7 +24,7 @@ export function WorkoutListScreen() {
   const [workouts, setWorkouts] = useState<WorkoutRow[]>([]);
   const [refreshing, setRefreshing] = useState(false);
 
-  const loadWorkouts = async () => {
+  const loadWorkouts = useCallback(async () => {
     const data = await getAllWorkouts();
     const rows = data as WorkoutRow[];
 
@@ -42,12 +42,12 @@ export function WorkoutListScreen() {
     );
 
     setWorkouts(withDistance);
-  };
+  }, []);
 
   useFocusEffect(
     useCallback(() => {
       loadWorkouts();
-    }, [])
+    }, [loadWorkouts])
   );
 
   const onRefresh = async () => {