<!-- Add the related story/sub-task/bug number, like Resolves #123, or remove if NA --> This updates the functions in `App.tsx` to use the best practice and include all deps in the dep array. This also requires some of these functions to use `useCallback`.