Docs/typos

src/exercise/01.tsx

@@ -24,7 +24,7 @@ function useDebounce<Callback extends (...args: Array<unknown>) => unknown>(
 
   // use the latest version of the callback here:
   // 💰 you'll need to pass an annonymous function to debounce. Do *not*
-  // simply change this to `debounc(latestCallbackRef.current, delay)`
+  // simply change this to `debounce(latestCallbackRef.current, delay)`
   // as that won't work. Can you think of why?
   return React.useMemo(() => debounce(callback, delay), [callback, delay])
 }

src/exercise/02.tsx

@@ -150,7 +150,7 @@ function Details({selectedPokemon}: {selectedPokemon: PokemonData | null}) {
 function Footer({user}: {user: User}) {
   return (
     <footer>
-      <p>{`Don't have a good day–have a great day, ${user.name}`}</p>
+      <p>{`Don't have a good day, have a great day, ${user.name}`}</p>
     </footer>
   )
 }

src/exercise/03.md

@@ -7,7 +7,7 @@ Elaborate on your learnings here in `src/exercise/03.md`
 ## Background
 
 **One liner:** The Compound Components Pattern enables you to provide a set of
-components that implicitely share state for a simple yet powerful declarative
+components that implicitly share state for a simple yet powerful declarative
 API for reusable components.
 
 Compound components are components that work together to form a complete UI. The