feat: add Записаться button to group cards with pre-filled Instagram DM

- BookingModal now accepts optional groupInfo for pre-filled message
- Trainer profile: each group card has Записаться button
- Schedule group view: each group card has Записаться button
- Message includes class type, trainer, days, and time

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

src/components/sections/team/TeamProfile.tsx

@@ -2,6 +2,7 @@ import { useState, useEffect, useRef, useCallback } from "react";
 import Image from "next/image";
 import { ArrowLeft, Instagram, Trophy, GraduationCap, ExternalLink, X, Award, Scale, Clock, MapPin } from "lucide-react";
 import type { TeamMember, RichListItem, VictoryItem, ScheduleLocation } from "@/types/content";
+import { BookingModal } from "@/components/ui/BookingModal";
 
 interface TeamProfileProps {
   member: TeamMember;
@@ -11,6 +12,7 @@ interface TeamProfileProps {
 
 export function TeamProfile({ member, onBack, schedule }: TeamProfileProps) {
   const [lightbox, setLightbox] = useState<string | null>(null);
+  const [bookingGroup, setBookingGroup] = useState<string | null>(null);
 
   useEffect(() => {
     function handleKeyDown(e: KeyboardEvent) {
@@ -177,7 +179,7 @@ export function TeamProfile({ member, onBack, schedule }: TeamProfileProps) {
                 </span>
                 <ScrollRow>
                   {uniqueGroups.map((g, i) => (
-                    <div key={i} className="w-44 shrink-0 rounded-xl border border-white/[0.08] bg-white/[0.03] p-3 space-y-1.5">
+                    <div key={i} className="w-48 shrink-0 rounded-xl border border-white/[0.08] bg-white/[0.03] p-3 space-y-1.5">
                       <p className="text-xs font-semibold uppercase tracking-wider text-white/80">{g.type}</p>
                       <div className="flex items-center gap-1.5 text-xs text-white/50">
                         <Clock size={11} />
@@ -195,6 +197,12 @@ export function TeamProfile({ member, onBack, schedule }: TeamProfileProps) {
                           Набор открыт
                         </span>
                       )}
+                      <button
+                        onClick={() => setBookingGroup(`${g.type}, ${g.days.join("/")} ${g.time}`)}
+                        className="w-full mt-1 rounded-lg bg-gold/15 border border-gold/25 py-1.5 text-[11px] font-semibold text-gold hover:bg-gold/25 transition-colors cursor-pointer"
+                      >
+                        Записаться
+                      </button>
                     </div>
                   ))}
                 </ScrollRow>
@@ -274,6 +282,12 @@ export function TeamProfile({ member, onBack, schedule }: TeamProfileProps) {
           </div>
         </div>
       )}
+
+      <BookingModal
+        open={bookingGroup !== null}
+        onClose={() => setBookingGroup(null)}
+        groupInfo={bookingGroup ?? undefined}
+      />
     </div>
   );
 }