fix: comprehensive UI/UX accessibility and usability improvements

Public site: skip-to-content link, mobile menu focus trap + Escape key,
aria-current on nav, keyboard navigation for carousels/tabs/articles,
ARIA roles (tablist/tab/tabpanel, combobox/listbox, region, dialog),
form labels + aria-describedby, 44px touch targets, semantic HTML
(<time>, <del>), prefers-reduced-motion on Hero scroll hijack,
mobile schedule filters, URL hash sync on scroll for correct refresh.

Admin panel: password toggle aria-label, toast aria-live regions,
SelectField keyboard navigation (Arrow/Enter/Escape), aria-invalid
on validation errors, sidebar hamburger aria-label/expanded,
nav aria-label, ArrayEditor aria-expanded on collapsible items.

src/components/sections/Schedule.tsx

@@ -2,7 +2,7 @@
 
 import { useReducer, useMemo, useCallback } from "react";
 import { SignupModal } from "@/components/ui/SignupModal";
-import { CalendarDays, Users, LayoutGrid } from "lucide-react";
+import { CalendarDays, Users, LayoutGrid, SlidersHorizontal } from "lucide-react";
 import { SectionHeading } from "@/components/ui/SectionHeading";
 import { Reveal } from "@/components/ui/Reveal";
 import { DayCard } from "./schedule/DayCard";
@@ -336,7 +336,7 @@ export function Schedule({ data: schedule, scheduleConfig, classItems, teamMembe
                 <span className="text-center">
                   <span className="block leading-tight">{loc.name}</span>
                   {loc.address && (
-                    <span className={`block text-[10px] font-normal leading-tight mt-0.5 ${
+                    <span className={`block text-xs font-normal leading-tight mt-0.5 ${
                       locationMode === i ? "text-black/60" : "text-neutral-400 dark:text-white/25"
                     }`}>
                       {shortAddress(loc.address)}
@@ -348,6 +348,35 @@ export function Schedule({ data: schedule, scheduleConfig, classItems, teamMembe
           </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}
+            />
+          </div>
+        </Reveal>
+
         {/* View mode toggle + filter button */}
         <Reveal>
           <div className="mt-4 hidden sm:flex items-center justify-center">