cleanup

spotlight-client/src/SystemNarrativePage/Section.tsx

@@ -118,7 +118,7 @@ const Section: React.FC<{ section: SystemNarrativeSection }> = ({
   // on large screens, we want the left column of copy to be sticky
   // while the visualization scrolls (if it's taller than one screen, which many are).
   // But if the COPY is also taller than one screen we don't want it to be sticky
-  // or you won't actually be able to read all of it. We wont know that until
+  // or you won't actually be able to read all of it. We won't know that until
   // we render it, so we have to detect a copy overflow and disable the sticky
   // behavior if it happens.
   const isDesktop = useBreakpoint(false, ["desktop+", true]);

spotlight-client/src/SystemNarrativePage/SystemNarrativePage.tsx

@@ -121,8 +121,8 @@ const SystemNarrativePage: React.FC<{
 
   // automated scrolling is a special case of section visibility;
   // this flag lets us suspend in-page navigation actions while it is in progress
-  // (is it a local variable rather than a piece of state because
-  // the animation functions that use it are outside the render loop)
+  // (it is a local variable rather than a piece of React state because
+  // the animation functions are outside the render loop and won't receive state updates)
   let isScrolling = false;
   const cancelAutoScroll = () => {
     isScrolling = false;