feat: mobile UX improvements across admin and public site

- Team carousel: simple swipe on mobile instead of drag
- Schedule: filter button inline with hall tabs, larger on mobile
- Schedule filters: fix nested button hydration error
- Admin bookings: select dropdown on mobile, filter highlight on dashboard cards
- Admin bookings: searchable dropdowns in add booking modal with class selector
- Admin bookings: waiting list divider inside groups
- Admin bookings: new bookings appear without page reload
- Admin open-day: action buttons visible on mobile, confirm dialog, click-outside to close edit
- API: pass groupInfo on group booking creation
- SignupModal: Instagram link on success popup

src/components/sections/Schedule.tsx

@@ -313,9 +313,9 @@ export function Schedule({ data: schedule, scheduleConfig, classItems, teamMembe
           <SectionHeading centered>{schedule.title}</SectionHeading>
         </Reveal>
 
-        {/* Location tabs */}
+        {/* Location tabs + mobile filter */}
         <Reveal>
-          <div className="mt-8 flex justify-center gap-2 flex-wrap">
+          <div className="mt-8 flex items-center justify-center gap-2 flex-wrap">
             {/* "All studios" tab — only when multiple locations */}
             {schedule.locations.length > 1 && (
               <button
@@ -351,35 +351,33 @@ export function Schedule({ data: schedule, scheduleConfig, classItems, teamMembe
                 </span>
               </button>
             ))}
-          </div>
-        </Reveal>       
 
-        {/* Mobile filter button — visible only on small screens */}
-        <Reveal>
-          <div className="mt-4 flex sm:hidden justify-center">
-            <ScheduleFilters
-              typeDots={typeDots}
-              types={types}
-              availableStatuses={availableStatuses}
-              levels={levels}
-              filterTypes={filterTypes}
-              toggleFilterType={toggleFilterType}
-              filterTrainerSet={filterTrainerSet}
-              toggleFilterTrainer={toggleFilterTrainer}
-              filterStatusSet={filterStatusSet}
-              toggleFilterStatus={toggleFilterStatus}
-              filterLevel={filterLevel}
-              setFilterLevel={setFilterLevel}
-              filterTime={filterTime}
-              setFilterTime={setFilterTime}
-              availableDays={availableDays}
-              filterDaySet={filterDaySet}
-              toggleDay={toggleDay}
-              hasActiveFilter={hasActiveFilter}
-              clearFilters={clearFilters}
-              trainerNames={trainerNames}
-              scheduleConfig={scheduleConfig}
-            />
+            {/* Mobile filter — inline with hall tabs */}
+            <div className="sm:hidden">
+              <ScheduleFilters
+                typeDots={typeDots}
+                types={types}
+                availableStatuses={availableStatuses}
+                levels={levels}
+                filterTypes={filterTypes}
+                toggleFilterType={toggleFilterType}
+                filterTrainerSet={filterTrainerSet}
+                toggleFilterTrainer={toggleFilterTrainer}
+                filterStatusSet={filterStatusSet}
+                toggleFilterStatus={toggleFilterStatus}
+                filterLevel={filterLevel}
+                setFilterLevel={setFilterLevel}
+                filterTime={filterTime}
+                setFilterTime={setFilterTime}
+                availableDays={availableDays}
+                filterDaySet={filterDaySet}
+                toggleDay={toggleDay}
+                hasActiveFilter={hasActiveFilter}
+                clearFilters={clearFilters}
+                trainerNames={trainerNames}
+                scheduleConfig={scheduleConfig}
+              />
+            </div>
           </div>
         </Reveal>