refactor: use provider to get posts data

app/routes/posts/route.tsx

@@ -6,11 +6,16 @@ import { useLoaderData } from "@remix-run/react";
 import { json } from "@remix-run/node";
 
 import PostsListPage from "@/src/posts/presentation/pages/posts-list/posts-list";
+import { usePostsListProvider } from "@/src/posts/presentation/providers/posts-list.provider";
 
 export default function PostsPage() {
   const data = useLoaderData<typeof loader>();
 
-  return <PostsListPage posts={data} />;
+  return (
+    <usePostsListProvider.State initialState={{ posts: data }}>
+      <PostsListPage />
+    </usePostsListProvider.State>
+  );
 }
 
 export async function loader() {

src/posts/presentation/pages/posts-list/posts-list.tsx

@@ -1,10 +1,12 @@
 import css from "@/src/shared/presentation/styles/wrapper.css";
 import { SimpleCard } from "@/src/shared/presentation/components/simple-card/simple-card";
-import type { Post } from "@/src/posts/domain/models/post";
 import { useTranslation } from "react-i18next";
 import PageTitle from "@/src/shared/presentation/components/page-title/page-title";
+import { usePostsListProvider } from "../../providers/posts-list.provider";
+
+export default function PostsPage() {
+  const posts = usePostsListProvider((state) => state.posts);
 
-export default function PostsPage({ posts }: { posts: Array<Post> }) {
   const { t } = useTranslation();
 
   return (

src/posts/presentation/providers/posts-list.provider.ts

@@ -0,0 +1,6 @@
+import { createProvider } from "@/src/shared/presentation/utils/zustand";
+import type { PostsListStateViewModel } from "../view-models/posts-list-state";
+
+export const usePostsListProvider = createProvider<PostsListStateViewModel>(() => (_set) => ({
+  posts: []
+}));

src/posts/presentation/view-models/posts-list-state.ts

@@ -0,0 +1,5 @@
+import type { Post } from "@/src/posts/domain/models/post";
+
+export interface PostsListStateViewModel {
+  posts: Array<Post>;
+}