feat(products): submenu de Subgrupos aninhado dentro de Grupos

Mesma lógica do submenu "Produtos" já existente: "Grupos" agora expande
seu próprio submenu com "Subgrupos" (AppShell ganha suporte a um
segundo nível de accordion aninhado). Nova tela lista todos os
subgrupos de todos os grupos, com coluna Grupo e criação via dropdown
de grupo explícito — complementa (não substitui) o painel já existente
dentro da tela de um grupo específico.

listProductSubgroups passa a resolver group_name via JOIN.

Suíte: 95/95. pnpm turbo run typecheck build: 28/28 (core-web,
reseller-web e subscriber-web confirmados sem regressão no AppShell
compartilhado).

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

apps/core-web/src/App.tsx

@@ -10,6 +10,7 @@ import { ProductsListPage } from "./routes/products/ProductsListPage.js";
 import { ProductFormPage } from "./routes/products/ProductFormPage.js";
 import { ProductTypesListPage } from "./routes/products/catalogs/ProductTypesListPage.js";
 import { ProductGroupsListPage } from "./routes/products/catalogs/ProductGroupsListPage.js";
+import { SubgroupsListPage } from "./routes/products/catalogs/SubgroupsListPage.js";
 import { BrandsListPage } from "./routes/products/catalogs/BrandsListPage.js";
 import { UnitsListPage } from "./routes/products/catalogs/UnitsListPage.js";
 import { ResellersListPage } from "./routes/resellers/ResellersListPage.js";
@@ -88,6 +89,7 @@ export function App() {
               <Route path="/products/:id/edit" element={<ProductFormPage />} />
               <Route path="/products/types" element={<ProductTypesListPage />} />
               <Route path="/products/groups" element={<ProductGroupsListPage />} />
+              <Route path="/products/subgroups" element={<SubgroupsListPage />} />
               <Route path="/products/brands" element={<BrandsListPage />} />
               <Route path="/products/units" element={<UnitsListPage />} />