feat: create simple connected component

this will reduce the complexity and stick to minimal requirements

package.json

@@ -41,7 +41,8 @@
     "lint-staged": "^13.1.0",
     "prettier": "^2.8.2",
     "prop-types": "^15.8.1",
-    "webpack": "^5.75.0"
+    "webpack": "^5.75.0",
+    "react-query": "^3.39.2"
   },
   "scripts": {
     "start": "react-scripts start",

src/App.tsx

@@ -1,21 +1,42 @@
 import React from "react";
 import "./App.css";
-import { repositorySearchClient as graphqlClient } from "./features/repositories/api/github-graphql/repositorySearchClient";
-import { RepositorySearchPageConnected } from "./features/repositories/pages/search/RepositorySearchPage.connected";
 import { AppLayout } from "./features/repositories/components/AppLayout";
 import { ChakraProvider, ColorModeProvider } from "@chakra-ui/react";
 import { IntlProvider } from "react-intl";
+import { RepositorySearchPageSimple } from "./features/repositories/pages/search/RepositorySearchPage.simple";
+import { QueryClient, QueryClientProvider } from "react-query";
+
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      refetchOnWindowFocus: false,
+      cacheTime: 0,
+    },
+  },
+});
 
 function App() {
   return (
-    <IntlProvider locale={navigator.language}>
-      <ChakraProvider>
-        <ColorModeProvider>
-          <AppLayout>
-            <RepositorySearchPageConnected searchClient={graphqlClient} />
-          </AppLayout>
-        </ColorModeProvider>
-      </ChakraProvider>
+    <IntlProvider
+      locale={navigator.language}
+      defaultLocale="en"
+      onError={(err) => {
+        if (err.code === "MISSING_TRANSLATION") {
+          // console.warn("Missing translation", err.message);
+          return;
+        }
+        throw err;
+      }}
+    >
+      <QueryClientProvider client={queryClient}>
+        <ChakraProvider>
+          <ColorModeProvider>
+            <AppLayout>
+              <RepositorySearchPageSimple />
+            </AppLayout>
+          </ColorModeProvider>
+        </ChakraProvider>
+      </QueryClientProvider>
     </IntlProvider>
   );
 }