fix(ui): loading skeletons for dashboard/spoons/threads

apps/next/src/components/ui/list-skeleton.tsx

@@ -0,0 +1,23 @@
+import { cn, Skeleton } from '@spoon/ui';
+
+export const ListSkeleton = ({
+  rows = 3,
+  rowClassName = 'h-20 w-full',
+  className,
+}: {
+  rows?: number;
+  rowClassName?: string;
+  className?: string;
+}) => (
+  <div
+    role='status'
+    aria-label='Loading'
+    data-testid='list-skeleton'
+    className={cn('space-y-3', className)}
+  >
+    {Array.from({ length: rows }).map((_, index) => (
+      <Skeleton key={index} className={rowClassName} />
+    ))}
+    <span className='sr-only'>Loading</span>
+  </div>
+);