fix(pagination): get posts and slice after

- Move pages to the right

src/components/PostsListsPaginated.astro

@@ -1,28 +1,28 @@
 ---
-import { getPageCount } from '@/scripts/content_utils';
-import Pagination from './Pagination.astro';
-import PostsList from './PostsList.astro';
-import { getPostsFromPage } from '@/scripts/content_fetcher';
+import { getPageCount } from "@/scripts/content_utils";
+import Pagination from "./Pagination.astro";
+import PostsList from "./PostsList.astro";
+import { getPostsFromPage } from "@/scripts/content_fetcher";
 
 interface Props {
   currentPage: number;
 }
 
 const { currentPage } = Astro.props;
-const basePath = '/posts/';
+const basePath = "/posts/";
 const pageCount = await getPageCount();
 const pagePosts = await getPostsFromPage(currentPage);
 ---
 
 <div class="flex flex-col justify-center gap-5">
-    <PostsList posts={pagePosts} />
-    {
-        pageCount !== 1 && (
-          <Pagination
-            pageCount={pageCount}
-            currentPage={currentPage}
-            basePath={basePath}
-          />
-        )
-      }
-</div>
+  <PostsList posts={pagePosts} />
+  {
+    pageCount !== 1 && (
+      <Pagination
+        pageCount={pageCount}
+        currentPage={currentPage}
+        basePath={basePath}
+      />
+    )
+  }
+</div>

src/components/ui/pagination.tsx

@@ -9,7 +9,7 @@ const Pagination = ({ className, ...props }: React.ComponentProps<"nav">) => (
   <nav
     role="navigation"
     aria-label="pagination"
-    className={cn("mx-auto flex w-full justify-center", className)}
+    className={cn("mx-auto flex w-full justify-end", className)}
     {...props}
   />
 )

src/scripts/content_fetcher.ts

@@ -37,22 +37,10 @@ export async function getPostsFromPage(
   page: number
 ): Promise<CollectionEntry<"posts">[]> {
   const skip = (page - 1) * POSTS_PER_PAGE;
-  const firstPage = skip === 0
-  let postsSkiped = 0
-  let postsTaked = 0
+  let postsSkiped = 0;
+  let postsTaked = 0;
 
-  const pagePosts = await getPosts(({ data }) => {
-    if(data.draft || (!firstPage && postsSkiped <= skip)) {
-      postsSkiped++
-      return false
-    }
+  const pagePosts = await getPosts();
 
-    if(postsTaked < POSTS_PER_PAGE) {
-      return true
-    }
-
-    return false
-  });
-
-  return pagePosts.slice(0, POSTS_PER_PAGE);
+  return pagePosts.slice(skip, POSTS_PER_PAGE + skip);
 }