refactor: centralize gold tokens, extract sub-components, clean up unused code

- Replace hardcoded hex colors with gold/gold-light/gold-dark Tailwind tokens
- Extract Schedule into DayCard, ScheduleFilters, MobileSchedule sub-components
- Extract Team into TeamCarousel, TeamMemberInfo sub-components
- Add UI_CONFIG for centralized magic numbers (timings, thresholds)
- Add reusable IconBadge component, simplify Contact section
- Convert Pricing clickable divs to semantic buttons for a11y
- Remove unused SocialLinks, btn-outline, btn-ghost, nav-link CSS classes
- Fix React setState-during-render error in TeamCarousel (deferred update pattern)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/components/sections/Classes.tsx

@@ -8,6 +8,7 @@ import { Reveal } from "@/components/ui/Reveal";
 import { ShowcaseLayout } from "@/components/ui/ShowcaseLayout";
 import { useShowcaseRotation } from "@/hooks/useShowcaseRotation";
 import type { ClassItem } from "@/types";
+import { UI_CONFIG } from "@/lib/config";
 
 const iconMap: Record<string, React.ReactNode> = {
   flame: <Flame size={20} />,
@@ -22,7 +23,7 @@ export function Classes() {
   const { classes } = siteContent;
   const { activeIndex, select, setHovering } = useShowcaseRotation({
     totalItems: classes.items.length,
-    autoPlayInterval: 5000,
+    autoPlayInterval: UI_CONFIG.showcase.autoPlayInterval,
   });
 
   return (
@@ -56,7 +57,7 @@ export function Classes() {
 
                       {/* Icon + name overlay */}
                       <div className="absolute bottom-0 left-0 right-0 p-6">
-                        <div className="mb-2 inline-flex h-9 w-9 items-center justify-center rounded-lg bg-[#c9a96e]/20 text-[#d4b87a] backdrop-blur-sm">
+                        <div className="mb-2 inline-flex h-9 w-9 items-center justify-center rounded-lg bg-gold/20 text-gold-light backdrop-blur-sm">
                           {iconMap[item.icon]}
                         </div>
                         <h3 className="text-2xl font-bold text-white">
@@ -80,7 +81,7 @@ export function Classes() {
                   <div
                     className={`flex h-7 w-7 lg:h-9 lg:w-9 shrink-0 items-center justify-center rounded-lg transition-colors ${
                       isActive
-                        ? "bg-[#c9a96e]/20 text-[#d4b87a]"
+                        ? "bg-gold/20 text-gold-light"
                         : "bg-neutral-200/50 text-neutral-500 dark:bg-white/[0.06] dark:text-neutral-400"
                     }`}
                   >
@@ -90,7 +91,7 @@ export function Classes() {
                     <p
                       className={`text-xs lg:text-sm font-semibold truncate transition-colors ${
                         isActive
-                          ? "text-[#c9a96e]"
+                          ? "text-gold"
                           : "text-neutral-700 dark:text-neutral-300"
                       }`}
                     >