added category infinite grid and fixed missing items at useInfiniteQuery

src/app/(PAGES)/_components/main-page.tsx

@@ -1,8 +1,8 @@
 "use client";
 import React from "react";
-import CategoriesGrid, {
-  CategoriesGridSkeleton,
-} from "@/components/category/categories-grid";
+import CategoryGrid, {
+  CategoryGridSkeleton,
+} from "@/components/category/grid/category-grid";
 import ArticleGrid, {
   ArticleGridSkeleton,
 } from "@/components/article/grid/article-grid";

src/app/(PAGES)/kategorie/page.tsx

@@ -1,13 +1,11 @@
-import CategoriesGrid from "@/components/category/categories-grid";
+import InfiniteCategoryGrid from "@/components/category/grid/infinite-category-grid";
 import { api } from "@/trpc/server";
 import React from "react";
 
 async function Page() {
-  const categories = await api.category.getAll();
   return (
     <>
-      <h1 className="text-2xl font-bold">Kategorien</h1>
-      <CategoriesGrid categories={categories} />
+      <InfiniteCategoryGrid />
     </>
   );
 }