feat: implement i18n for product and category, add 5 new locales

apps/backend/src/routes/products.ts

@@ -34,7 +34,7 @@ export const productsRoute = new Elysia({ prefix: "/products" })
       prisma.product.findMany({
         where,
         include: {
-          category: true,
+          category: { include: { translations: true } },
           scent: true,
           translations: true,
           variants: { 
@@ -62,10 +62,17 @@ export const productsRoute = new Elysia({ prefix: "/products" })
            descObj[t.langCode] = t.description;
            detailsObj[t.langCode] = t.details;
         });
-        return { ...p, name: nameObj, description: descObj, details: detailsObj };
+        return { ...p, name: nameObj, description: descObj, details: detailsObj, category: { ...p.category, name: p.category.name } }; // Actually for 'all', keep as is, but wait, category name needs resolving if we want it? Let's just resolve it simply below.
       } else {
         const trans = p.translations.find(t => t.langCode === lang) || p.translations.find(t => t.langCode === 'th') || p.translations[0];
-        return { ...p, name: trans?.name || '', description: trans?.description, details: trans?.details };
+        const catTrans = p.category.translations?.find((t: any) => t.langCode === lang) || p.category.translations?.find((t: any) => t.langCode === 'th') || p.category.translations?.[0];
+        return { 
+          ...p, 
+          name: trans?.name || '', 
+          description: trans?.description, 
+          details: trans?.details,
+          category: { ...p.category, name: catTrans?.name || p.category.name }
+        };
       }
     });
 
@@ -93,7 +100,7 @@ export const productsRoute = new Elysia({ prefix: "/products" })
     const product = await prisma.product.findUnique({
       where: { id },
       include: {
-        category: true,
+        category: { include: { translations: true } },
         scent: true,
         translations: true,
         variants: { 
@@ -120,7 +127,14 @@ export const productsRoute = new Elysia({ prefix: "/products" })
       return { ...product, name: nameObj, description: descObj, details: detailsObj };
     } else {
       const trans = product.translations.find(t => t.langCode === lang) || product.translations.find(t => t.langCode === 'th') || product.translations[0];
-      return { ...product, name: trans?.name || '', description: trans?.description, details: trans?.details };
+      const catTrans = product.category.translations?.find((t: any) => t.langCode === lang) || product.category.translations?.find((t: any) => t.langCode === 'th') || product.category.translations?.[0];
+      return { 
+        ...product, 
+        name: trans?.name || '', 
+        description: trans?.description, 
+        details: trans?.details,
+        category: { ...product.category, name: catTrans?.name || product.category.name }
+      };
     }
   })
   .put(