implement tanstack and fetch all data

src/App.tsx

@@ -11,12 +11,12 @@ import ProjectDetails from "./pages/ProjectDetails";
 import Blog from "./pages/Blog";
 import BlogArticle from "./pages/BlogArticle";
 import NotFound from "./pages/NotFound";
+import { QueryProvider } from "./provider/QueryProvider";
 
-const queryClient = new QueryClient();
 
 function AnimatedRoutes() {
   const location = useLocation();
-  
+
   return (
     <AnimatePresence mode="wait">
       <Routes location={location} key={location.pathname}>
@@ -33,7 +33,7 @@ function AnimatedRoutes() {
 }
 
 const App = () => (
-  <QueryClientProvider client={queryClient}>
+  <QueryProvider>
     <ThemeProvider>
       <TooltipProvider>
         <Toaster />
@@ -43,7 +43,7 @@ const App = () => (
         </BrowserRouter>
       </TooltipProvider>
     </ThemeProvider>
-  </QueryClientProvider>
+  </QueryProvider>
 );
 
 export default App;