tenant admin startseite schicker gestaltet und super-admin und tenant admin (filament) aufgesplittet.

Es gibt nun task collections und vordefinierte tasks für alle. Onboarding verfeinert und webseite-carousel gefixt (logging später entfernen!)

resources/js/components/ui/carousel.tsx

@@ -41,9 +41,18 @@ const Carousel = React.forwardRef<HTMLDivElement, CarouselProps>(
         return
       }
 
+      console.log('Embla API initialized:', api)
+      console.log('Embla options:', opts)
+      console.log('Embla plugins:', plugins)
+
       setCount(api.slideNodes().length)
       api.on("reInit", setCount)
-      api.on("slideChanged", ({ slide }: { slide: number }) => setCurrent(slide))
+      api.on("slideChanged", ({ slide }: { slide: number }) => {
+        console.log('Slide changed to:', slide)
+        setCurrent(slide)
+      })
+      api.on("pointerDown", () => console.log('Pointer down event'))
+      api.on("pointerUp", () => console.log('Pointer up event'))
       setApi?.(api)
     }, [api, setApi])
 
@@ -55,11 +64,15 @@ const Carousel = React.forwardRef<HTMLDivElement, CarouselProps>(
             "relative w-full",
             className
           )}
+          onTouchStart={(e) => console.log('Carousel touch start:', e.touches.length)}
+          onTouchMove={(e) => console.log('Carousel touch move:', e.touches.length)}
+          onTouchEnd={(e) => console.log('Carousel touch end')}
           {...props}
         >
           <div
             className="overflow-hidden"
             ref={emblaRef}
+            style={{ touchAction: 'pan-y pinch-zoom' }}
           >
             <div className="flex">{children}</div>
           </div>