feat: sélecteur de famille (onglet Sheets) en sync et création

- GET /api/sheets/tabs : liste les onglets Google Sheets disponibles
- readSheetProducts(tab?) et fetchPendingProducts(set, tab?) acceptent un filtre
- /api/sync/preview?tab=xxx et /api/creation/preview?tab=xxx filtrent sur un onglet
- Composant FamilySelector : grille de boutons chargeant les onglets dynamiquement
- Page Sync : étape 0 de sélection famille avant l'analyse
- Page Création : étape famille avant analyse, badge de famille sélectionnée

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

src/app/api/creation/preview/route.ts

@@ -5,14 +5,14 @@ import { fetchPendingProducts } from '@/lib/creationSheets'
 import { prisma } from '@/lib/prisma'
 import type { PendingProduct } from '@/types/creation'
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export async function GET(_req: NextRequest) {
+export async function GET(req: NextRequest) {
   const session = await getServerSession(authOptions)
   if (!session) return NextResponse.json({ error: 'Non authentifié' }, { status: 401 })
+  const tab = new URL(req.url).searchParams.get('tab') ?? undefined
   try {
     const existing = await prisma.productCreation.findMany({ select: { sheetTab: true, sheetRow: true } })
     const alreadyCreated = new Set(existing.map(e => `${e.sheetTab}:${e.sheetRow}`))
-    const pending = await fetchPendingProducts(alreadyCreated)
+    const pending = await fetchPendingProducts(alreadyCreated, tab)
     const byTab: Record<string, PendingProduct[]> = {}
     const specificColumns = new Set<string>()
     for (const p of pending) {