History Bug at `/app`

To recreate:

Have courses stored in localStorage (upload something)
Exit the page and reload it at / (landing page)
Click "get started" button
You are now on /app. Click the back arrow of your browser

Expected behaviour: return to landing page /
Actual behaviour: have to click 3 times to return to landing page /

Probably something to do with with

lifeline/client/src/pages/Review/Review.tsx

Lines 96 to 103 in ca442d8

    
           useEffect(() => { 
        
             // Update history when current course changes 
        
             if (currentCourse === null) { 
        
               history.pushState(null, "", "/app"); 
        
             } else { 
        
               history.pushState(null, "", `/app/${currentCourse.key}`); 
        
             } 
        
           }, [currentCourse]);

interacting with

lifeline/client/src/pages/Review/Review.tsx

Lines 69 to 77 in ca442d8

    
           useEffect(() => { 
        
             // Load courses from local storage 
        
             const foundCourses = localStorage.getItem("courses"); 
        
             if (!foundCourses) return; 
        
             const parsedCourses: Courses = JSON.parse(foundCourses).map(parseCourse); 
        
             setCourses(parsedCourses); 
        
             coursesRef.current = parsedCourses;

as I think it was introduced in #202 but I'm not sure.

	useEffect(() => {
	// Update history when current course changes
	if (currentCourse === null) {
	history.pushState(null, "", "/app");
	} else {
	history.pushState(null, "", `/app/${currentCourse.key}`);
	}
	}, [currentCourse]);

	useEffect(() => {
	// Load courses from local storage
	const foundCourses = localStorage.getItem("courses");
	if (!foundCourses) return;

	const parsedCourses: Courses = JSON.parse(foundCourses).map(parseCourse);
	setCourses(parsedCourses);
	coursesRef.current = parsedCourses;