chore: change style of categories skeleton in the homepage

Author: pooriaset

src/app/[locale]/(main)/(container)/(homepage)/loading.tsx

@@ -1,4 +1,4 @@
-import { Box, Grid, Skeleton } from '@mui/material';
+import { Grid, Skeleton, Stack } from '@mui/material';
 
 const Loading = () => {
   return (
@@ -11,10 +11,10 @@ const Loading = () => {
           {new Array(4).fill(1).map((item, index) => {
             return (
               <Grid key={index} item xs={12} md={6} lg={4} xl={3}>
-                <Box>
-                  <Skeleton variant="rectangular" height={120} />
+                <Stack alignItems="end">
+                  <Skeleton width="100%" variant="rectangular" height={120} />
                   <Skeleton variant="text" width={60} />
-                </Box>
+                </Stack>
               </Grid>
             );
           })}

src/app/[locale]/(main)/(container)/(homepage)/page.tsx

@@ -17,7 +17,7 @@ import { bestSellingSortOption } from '@/static/sortOptions';
 import { Grid } from '@mui/material';
 
 const getSliders = async () => {
-  await Sleep(5000);
+  await Sleep(51111000);
   const { data } = await getClient().query<GetHomePageSlidersQuery>({
     query: GET_HOMEPAGE_SLIDERS,
   });