fix: update

Desc : update project

Project/Frontend/SignConnectPlus/src/pages/learning-management/learning-curriculums-subscribed/list/types/types.tsx

+export interface dataProps {
+    _id: number | string | undefined;
+    curriculumCode: string;
+    curriculumLevel: number;
+    curriculumName: string;
+    curriculumDescription: string;
+    curriculumImage: string;
+    tutorials?: tutorialItemProps[];
+    status?: number;
+    createdBy?: string;
+    updatedBy?: string;
+    createdAt?: Date;
+    updatedAt?: Date;
+}
+
+export interface tutorialItemProps {
+    _id: number | string | undefined;
+    tutorialCode: string;
+    tutorialTitle: string;
+    tutorialDescription: string;
+    tutorialImage: string;
+    status?: number;
+    createdBy?: string;
+    updatedBy?: string;
+    createdAt?: Date;
+    updatedAt?: Date;
+    taskItems?: taskItemProps[]
+}
+
+export interface taskItemProps {
+    _id: number | string | undefined;
+    title: string;
+    description: string;
+    howToDo: string;
+    referenceImage: string;
+    referenceVideo: string;
+}
\ No newline at end of file

Project/Frontend/SignConnectPlus/src/sections/learning-management/learning-curriculums-subscribed/CurriculumCardSubscribed.tsx

+import { useState } from 'react';
+
+// material-ui
+import {
+  Accordion, AccordionActions, AccordionDetails, AccordionSummary,
+  Box,
+  Button,
+  Grid,
+  Stack,
+  Typography
+} from '@mui/material';
+import { useTheme } from '@mui/material/styles';
+
+// third-party
+
+// project import
+import MainCard from 'components/MainCard';
+import SimpleBar from 'components/third-party/SimpleBar';
+
+// assets
+import { TagOutlined } from '@ant-design/icons';
+
+// types
+
+export interface curriculumCardProps {
+  _id: number | string | undefined;
+  curriculumCode: string;
+  curriculumLevel: number;
+  curriculumName: string;
+  curriculumDescription: string;
+  curriculumImage: string;
+  tutorials?: tutorialItemProps[];
+  status?: number;
+  createdBy?: string;
+  updatedBy?: string;
+  createdAt?: Date;
+  updatedAt?: Date;
+}
+
+export interface tutorialItemProps {
+  _id: number | string | undefined;
+  tutorialCode: string;
+  tutorialTitle: string;
+  tutorialDescription: string;
+  tutorialImage: string;
+  status?: number;
+  createdBy?: string;
+  updatedBy?: string;
+  createdAt?: Date;
+  updatedAt?: Date;
+  taskItems?: taskItemProps[]
+}
+
+export interface taskItemProps {
+  _id: number | string | undefined;
+  title: string;
+  description: string;
+  howToDo: string;
+  referenceImage: string;
+  referenceVideo: string;
+}
+
+// ==============================|| Curriculum - CARD SUBSCRIBED ||============================== //
+
+export default function CurriculumCardSubscribed({ curriculum }: { curriculum: curriculumCardProps; }) {
+  const theme = useTheme();
+
+  const [expanded, setExpanded] = useState<string | false>('panel0');
+
+  const handleChange = (panel: string) => (event: React.SyntheticEvent, newExpanded: boolean) => {
+    setExpanded(newExpanded ? panel : false);
+  };
+
+  return (
+    <>
+      <SimpleBar sx={{ height: 'calc(100vh - 290px)' }}>
+        <Grid container spacing={3}>
+          <Grid item xs={12} sm={12} xl={12}>
+            <Grid container spacing={2.25}>
+              <Grid item xs={12}>
+                <MainCard title="Overview">
+                  <Typography>
+                    {curriculum.curriculumDescription}
+                  </Typography>
+                </MainCard>
+              </Grid>
+              <Grid item xs={12}>
+                <MainCard title="Tutorials">
+                  <Box
+                    sx={{
+                      '& .MuiAccordion-root': {
+                        borderColor: theme.palette.divider,
+                        '& .MuiAccordionSummary-root': {
+                          bgcolor: 'transparent',
+                          flexDirection: 'row',
+                          '&:focus-visible': {
+                            bgcolor: 'primary.lighter'
+                          }
+                        },
+                        '& .MuiAccordionDetails-root': {
+                          borderColor: theme.palette.divider
+                        },
+                        '& .Mui-expanded': {
+                          color: theme.palette.primary.main
+                        }
+                      }
+                    }}
+                  >
+                    {curriculum.tutorials?.map((tutorial, index) => {
+                      return (
+                        <>
+                          <Accordion expanded={expanded === `panel${index}`} onChange={handleChange(`panel${index}`)}>
+                            <AccordionSummary aria-controls={`panel${index}d-content`} id={`panel${index}d-header`}>
+                              <Stack direction="row" spacing={1.5} alignItems="center">
+                                <TagOutlined />
+                                <Typography variant="h6">{tutorial.tutorialTitle}</Typography>
+                              </Stack>
+                            </AccordionSummary>
+                            <AccordionDetails>
+                              <Stack spacing={2}>
+                                <Typography variant="h5">{tutorial.tutorialDescription}</Typography>
+                              </Stack>
+                            </AccordionDetails>
+                            <AccordionActions  >
+                              <Button variant="outlined" size="small" color='primary' onClick={() => {
+                                // handleClickOpen()
+                              }}>
+                                Start Tutorial
+                              </Button>
+                            </AccordionActions>
+                          </Accordion>
+                        </>
+                      )
+                    })}
+
+                  </Box>
+                </MainCard>
+              </Grid>
+            </Grid>
+          </Grid>
+        </Grid>
+      </SimpleBar>
+    </>
+  );
+}

Project/Frontend/SignConnectPlus/src/sections/learning-management/learning-curriculums-subscribed/skeleton/CurriculumCard.tsx

+// material-ui
+import { CardContent, Grid, Skeleton, Stack, Avatar } from '@mui/material';
+
+// project import
+import MainCard from 'components/MainCard';
+
+// assets
+import { ContactsOutlined } from '@ant-design/icons';
+
+// ===========================|| SKELETON - USER EMPTY CARD ||=========================== //
+
+const UserCard = () => {
+  return (
+    <MainCard
+      border={false}
+      content={false}
+      boxShadow
+      sx={{ boxShadow: `rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px`, borderRadius: 2 }}
+    >
+      <CardContent sx={{ p: 2 }}>
+        <Grid container spacing={2}>
+          <Grid item xs={12}>
+            <Stack flexDirection="row" alignItems="center">
+              <Avatar>
+                <ContactsOutlined style={{ visibility: 'inherit' }} />
+              </Avatar>
+              <Stack sx={{ width: '100%', pl: 2.5 }}>
+                <Skeleton animation={false} height={20} width="80%" />
+                <Skeleton animation={false} height={20} width="40%" />
+              </Stack>
+            </Stack>
+          </Grid>
+          <Grid item xs={12}>
+            <Skeleton animation={false} height={20} width={45} />
+            <Skeleton animation={false} height={20} />
+            <Stack direction="row" alignItems="center" spacing={1}>
+              <Skeleton animation={false} height={20} width={90} />
+              <Skeleton animation={false} height={20} width={38} />
+            </Stack>
+          </Grid>
+          <Grid item xs={12}>
+            <Stack direction="row" justifyContent="space-between" alignItems="center">
+              <Grid container spacing={1}>
+                <Grid item>
+                  <Skeleton animation={false} height={20} width={40} />
+                </Grid>
+                <Grid item>
+                  <Skeleton animation={false} height={17} width={20} />
+                </Grid>
+              </Grid>
+              <Skeleton animation={false} height={32} width={47} />
+            </Stack>
+          </Grid>
+        </Grid>
+      </CardContent>
+    </MainCard>
+  );
+};
+
+export default UserCard;

Project/Frontend/SignConnectPlus/src/sections/learning-management/learning-curriculums-subscribed/skeleton/EmptyCurriculumCard.tsx

+// material-ui
+import { Box, Grid, Stack, Typography } from '@mui/material';
+
+// project import
+import CurriculumCard from './CurriculumCard';
+
+interface Props {
+  title: string;
+}
+
+// ==============================|| EMPTY STATE ||============================== //
+
+const EmptyCurriculumCard = ({ title }: Props) => {
+  return (
+    <Grid container spacing={3}>
+      <Grid item xs={12}>
+        <Box
+          sx={{
+            p: { xs: 2.5, sm: 6 },
+            height: `calc(100vh - 192px)`,
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            bgcolor: 'transparent'
+          }}
+        >
+          <Grid container direction="column" justifyContent="center" alignItems="center">
+            <Grid item>
+              <Box sx={{ ml: -9, mb: { xs: -8, sm: -5 } }}>
+                <Box sx={{ position: 'relative' }}>
+                  <CurriculumCard />
+                </Box>
+                <Box sx={{ position: 'relative', top: -120, left: 72 }}>
+                  <CurriculumCard />
+                </Box>
+              </Box>
+            </Grid>
+            <Grid item>
+              <Stack spacing={1}>
+                <Typography align="center" variant="h4">
+                  {title}
+                </Typography>
+              </Stack>
+            </Grid>
+          </Grid>
+        </Box>
+      </Grid>
+    </Grid>
+  );
+};
+
+export default EmptyCurriculumCard;