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/About.tsx

@@ -16,9 +16,9 @@ interface AboutProps {
 
 export function About({ data: about, stats }: AboutProps) {
   const statItems = [
-    { icon: <Users size={22} />, value: String(stats.trainers), label: "тренеров" },
-    { icon: <Layers size={22} />, value: String(stats.classes), label: "направлений" },
-    { icon: <MapPin size={22} />, value: String(stats.locations), label: "зала в Минске" },
+    { icon: <Users size={22} />, value: String(stats.trainers), label: "тренеров", ariaLabel: `${stats.trainers} тренеров` },
+    { icon: <Layers size={22} />, value: String(stats.classes), label: "направлений", ariaLabel: `${stats.classes} направлений` },
+    { icon: <MapPin size={22} />, value: String(stats.locations), label: "зала в Минске", ariaLabel: `${stats.locations} зала в Минске` },
   ];
 
   return (
@@ -45,9 +45,10 @@ export function About({ data: about, stats }: AboutProps) {
             {statItems.map((stat, i) => (
               <div
                 key={i}
+                aria-label={stat.ariaLabel}
                 className="group flex flex-col items-center gap-3 rounded-2xl border border-neutral-200 bg-white/50 p-6 transition-all duration-300 hover:border-gold/30 sm:p-8 dark:border-white/[0.06] dark:bg-white/[0.02] dark:hover:border-gold/20"
               >
-                <div className="flex h-11 w-11 items-center justify-center rounded-xl bg-gold/10 text-gold-dark transition-colors group-hover:bg-gold/20 dark:text-gold-light">
+                <div className="flex h-11 w-11 items-center justify-center rounded-xl bg-gold/10 text-gold-dark transition-colors group-hover:bg-gold/20 dark:text-gold-light" aria-hidden="true">
                   {stat.icon}
                 </div>
                 <span className="font-display text-3xl font-bold text-neutral-900 sm:text-4xl dark:text-white">