refactor, added slate, added editor, added book

app/client/components/PaginatedListSkeleton.tsx

@@ -0,0 +1,17 @@
+import { Skeleton, Stack } from '@chakra-ui/react';
+
+export function PaginatedListSkeleton({ disableSearch }: { readonly disableSearch?: boolean }) {
+  return (
+    <>
+      {!disableSearch && (
+        <Stack direction="row" justifyContent="center" alignItems="center" gap={2}>
+          <Skeleton height={10} width="80%" />
+          <Skeleton height={10} width="calc(20% - 6px)" />
+        </Stack>
+      )}
+      <Skeleton height={20} />
+      <Skeleton height={20} />
+      <Skeleton height={20} />
+    </>
+  );
+}