Removing React Context

We don't need a React context, its provider, nor the useContext hook.
In our components we switch from consuming "useGamesContext" to "useGames"

src/components/GameGrid.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import { GameComponent } from './GameComponent';
-import { useGamesContext } from '../GamesContext';
+import { useGames } from '../useGames';
 
 export const GameGrid = () => {
-  const { games, error, isPending, markAsFinished } = useGamesContext();
+  const { games, error, isPending, markAsFinished } = useGames();
 
   return (
     <div className="gamegrid">

src/components/GamesScreen.tsx

@@ -1,13 +1,12 @@
 import React from 'react';
 import { Totals } from './Totals';
 import { GameGrid } from './GameGrid';
-import { GamesContextProvider } from '../GamesContext';
 
 export const GamesScreen = () => {
   return (
-    <GamesContextProvider>
+    <>
       <Totals />
       <GameGrid />
-    </GamesContextProvider>
+    </>
   );
 };

src/components/Totals.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
-import { useGamesContext } from '../GamesContext';
+import { useGames } from '../useGames';
 
 export const Totals = () => {
-  const { games } = useGamesContext();
+  const { games } = useGames();
 
   const totalGames = games.length;
   const inProgress = games.filter(g => g.status === 'in-progress').length;