updated table structure for photobooth/sparkbooth settings. now there's a separate table for it. update all references and tests. also fixed the notification panel and the lightbox in the guest app.

resources/js/guest/components/GalleryPreview.tsx

@@ -56,7 +56,7 @@ export default function GalleryPreview({ token }: Props) {
       arr.sort((a, b) => new Date(b.created_at ?? 0).getTime() - new Date(a.created_at ?? 0).getTime());
     }
     
-    return arr.slice(0, 4); // 2x2 = 4 items
+    return arr.slice(0, 9); // up to 3x3 preview
   }, [typedPhotos, mode]);
 
   React.useEffect(() => {
@@ -134,7 +134,7 @@ export default function GalleryPreview({ token }: Props) {
           </div>
         )}
 
-        <div className="grid gap-2 sm:grid-cols-2">
+        <div className="grid gap-2 grid-cols-2 md:grid-cols-3">
         {items.map((p: PreviewPhoto) => (
           <Link
             key={p.id}