feat(client): add loading skeleton and global error handling components

Signed-off-by: Noa Virellia <noa@requiem.garden>

client/cms/src/components/events/event-grid.skeleton.tsx

@@ -3,7 +3,7 @@ import { EventCardSkeleton } from './event-card.skeleton';
 export function EventGridSkeleton() {
   return (
     <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
-      {Array.from({ length: 8 }).map((_, i) => (
+      {Array.from({ length: 4 }).map((_, i) => (
         // eslint-disable-next-line react/no-array-index-key
         <EventCardSkeleton key={i} />
       ))}