feat: update catalog page tabs — Sase.Tr, Pl24, Pcat, Emex, Tecdoc

Expand catalog tabs from 2 to 5. Rename existing PL24/Emex labels,
add Sase.Tr, Pcat, Tecdoc as coming-soon placeholders.

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

apps/web/src/routes/dashboard/catalog/index.tsx

@@ -3,7 +3,7 @@ import { useQuery } from "@tanstack/react-query";
 import { api } from "@/lib/api-client";
 import { useTranslation } from "@/lib/i18n";
 import { Skeleton, Tabs, TabsContent, TabsList, TabsTrigger } from "@sase/ui";
-import { Library, Lock } from "lucide-react";
+import { Clock, Library, Lock } from "lucide-react";
 import { useState } from "react";
 
 export const Route = createFileRoute("/dashboard/catalog/")({
@@ -50,10 +50,17 @@ function CatalogBrandsPage() {
 
       <Tabs value={tab} onValueChange={setTab}>
         <TabsList>
+          <TabsTrigger value="sasetr">{t("catalog.tabSasetr")}</TabsTrigger>
           <TabsTrigger value="pl24">{t("catalog.tabPl24")}</TabsTrigger>
+          <TabsTrigger value="pcat">{t("catalog.tabPcat")}</TabsTrigger>
           <TabsTrigger value="emex">{t("catalog.tabEmex")}</TabsTrigger>
+          <TabsTrigger value="tecdoc">{t("catalog.tabTecdoc")}</TabsTrigger>
         </TabsList>
 
+        <TabsContent value="sasetr" className="mt-4">
+          <ComingSoonPlaceholder />
+        </TabsContent>
+
         <TabsContent value="pl24" className="mt-4">
           {isLoading ? (
             <BrandGridSkeleton />
@@ -68,6 +75,10 @@ function CatalogBrandsPage() {
           )}
         </TabsContent>
 
+        <TabsContent value="pcat" className="mt-4">
+          <ComingSoonPlaceholder />
+        </TabsContent>
+
         <TabsContent value="emex" className="mt-4">
           {emexLoading ? (
             <BrandGridSkeleton />
@@ -81,11 +92,24 @@ function CatalogBrandsPage() {
             </div>
           )}
         </TabsContent>
+        <TabsContent value="tecdoc" className="mt-4">
+          <ComingSoonPlaceholder />
+        </TabsContent>
       </Tabs>
     </div>
   );
 }
 
+function ComingSoonPlaceholder() {
+  const { t } = useTranslation();
+  return (
+    <div className="flex flex-col items-center justify-center py-16 text-center">
+      <Clock className="mb-4 size-12 text-muted-foreground/40" />
+      <p className="text-muted-foreground">{t("catalog.comingSoon")}</p>
+    </div>
+  );
+}
+
 function BrandGridSkeleton() {
   return (
     <div className="grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5">