update build ok,

002_source/cms/src/app/dashboard/lesson_categories/create/page.tsx

@@ -1,20 +1,19 @@
 'use client';
 
 import * as React from 'react';
-
 import RouterLink from 'next/link';
 import Box from '@mui/material/Box';
 import Link from '@mui/material/Link';
 import Stack from '@mui/material/Stack';
 import Typography from '@mui/material/Typography';
 import { ArrowLeft as ArrowLeftIcon } from '@phosphor-icons/react/dist/ssr/ArrowLeft';
+import { useTranslation } from 'react-i18next';
 
-import { config } from '@/config';
 import { paths } from '@/paths';
-import { CustomerCreateForm } from '@/components/dashboard/lesson_category/lesson-category-create-form';
-
+import { LessonCategoryCreateForm } from '@/components/dashboard/lesson_category/lesson-category-create-form';
 
 export default function Page(): React.JSX.Element {
+  const { t } = useTranslation();
   return (
     <Box
       sx={{
@@ -35,14 +34,14 @@ export default function Page(): React.JSX.Element {
               variant="subtitle2"
             >
               <ArrowLeftIcon fontSize="var(--icon-fontSize-md)" />
-              Lesson Categories
+              {t('dashboard.lessonCategories.title')}
             </Link>
           </div>
           <div>
-            <Typography variant="h4">Create customer</Typography>
+            <Typography variant="h4">{t('dashboard.lessonCategories.create.title')}</Typography>
           </div>
         </Stack>
-        <CustomerCreateForm />
+        <LessonCategoryCreateForm />
       </Stack>
     </Box>
   );

002_source/cms/src/app/dashboard/lesson_categories/lesson-categories-sample-data.tsx

@@ -12,6 +12,12 @@ export const lessonCategoriesSampleData = [
     quota: 50,
     status: 'active',
     createdAt: dayjs().subtract(1, 'hour').toDate(),
+    cat_name: '',
+    pos: 99,
+    visible: 'visible',
+    lesson_id: 'lid_00001',
+    description: '',
+    remarks: '',
   },
   {
     id: 'USR-004',
@@ -22,6 +28,12 @@ export const lessonCategoriesSampleData = [
     quota: 100,
     status: 'active',
     createdAt: dayjs().subtract(3, 'hour').toDate(),
+    cat_name: '',
+    pos: 99,
+    visible: 'visible',
+    lesson_id: 'lid_00001',
+    description: '',
+    remarks: '',
   },
   {
     id: 'USR-003',
@@ -32,6 +44,12 @@ export const lessonCategoriesSampleData = [
     quota: 10,
     status: 'blocked',
     createdAt: dayjs().subtract(1, 'hour').subtract(1, 'day').toDate(),
+    cat_name: '',
+    pos: 99,
+    visible: 'visible',
+    lesson_id: 'lid_00001',
+    description: '',
+    remarks: '',
   },
   {
     id: 'USR-002',
@@ -42,6 +60,12 @@ export const lessonCategoriesSampleData = [
     quota: 0,
     status: 'pending',
     createdAt: dayjs().subtract(7, 'hour').subtract(1, 'day').toDate(),
+    cat_name: '',
+    pos: 99,
+    visible: 'visible',
+    lesson_id: 'lid_00001',
+    description: '',
+    remarks: '',
   },
   {
     id: 'USR-001',
@@ -52,5 +76,11 @@ export const lessonCategoriesSampleData = [
     quota: 50,
     status: 'active',
     createdAt: dayjs().subtract(2, 'hour').subtract(2, 'day').toDate(),
+    cat_name: '',
+    pos: 99,
+    visible: 'visible',
+    lesson_id: 'lid_00001',
+    description: '',
+    remarks: '',
   },
 ] satisfies LessonCategory[];

002_source/cms/src/app/dashboard/lesson_categories/page.tsx

@@ -5,7 +5,6 @@ import { useRouter } from 'next/navigation';
 import { COL_LESSON_CATEGORIES } from '@/constants';
 import { LoadingButton } from '@mui/lab';
 import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
 import Card from '@mui/material/Card';
 import Divider from '@mui/material/Divider';
 import Stack from '@mui/material/Stack';
@@ -19,8 +18,8 @@ import { logger } from '@/lib/default-logger';
 import { pb } from '@/lib/pb';
 import { toast } from '@/components/core/toaster';
 import {
+  DBLessonCategory,
   defaultLessonCategory,
-  type emptyLessonCategory,
   type LessonCategory,
 } from '@/components/dashboard/lesson_category/interfaces';
 import { LessonCategoriesFilters } from '@/components/dashboard/lesson_category/lesson-categories-filters';
@@ -64,7 +63,7 @@ export default function Page({ searchParams }: PageProps): React.JSX.Element {
       .then((lessonCategories: ListResult<RecordModel>) => {
         // console.log(lessonTypes);
         const { items, page, perPage, totalItems, totalPages } = lessonCategories;
-        const tempLessonCategories: LessonCategory[] = items.map((item) => {
+        const tempLessonCategories: DBLessonCategory[] = items.map((item) => {
           return { ...defaultLessonCategory, ...item };
         });