feat: add loading of promotions

src/app/[locale]/(main)/promotion-center/layout.tsx

@@ -0,0 +1,27 @@
+import { Card, CardContent, Container } from '@mui/material';
+import Header from './components/Header';
+import { FC, ReactNode } from 'react';
+
+interface LayoutProps {
+  children: ReactNode;
+}
+
+const Layout: FC<LayoutProps> = async ({ children }) => {
+  return (
+    <>
+      <Header />
+      <Container
+        maxWidth="xl"
+        sx={{
+          mt: -4,
+        }}
+      >
+        <Card variant="outlined">
+          <CardContent>{children}</CardContent>
+        </Card>
+      </Container>
+    </>
+  );
+};
+
+export default Layout;

src/app/[locale]/(main)/promotion-center/loading.tsx

@@ -0,0 +1,19 @@
+import { VariableProductItemSkeleton } from '@/components/VariableProductItem';
+import { Grid } from '@mui/material';
+import React from 'react';
+
+const loading = () => {
+  return (
+    <Grid container spacing={2}>
+      {new Array(6).fill(1).map((_item, index) => {
+        return (
+          <Grid key={index} item xs={12} md={6} lg={3} xl={2}>
+            <VariableProductItemSkeleton />
+          </Grid>
+        );
+      })}
+    </Grid>
+  );
+};
+
+export default loading;

src/app/[locale]/(main)/promotion-center/page.tsx

@@ -1,22 +1,5 @@
-import { Card, CardContent, Container } from '@mui/material';
-import Header from './components/Header';
-
 const page = async () => {
-  return (
-    <>
-      <Header />
-      <Container
-        maxWidth="xl"
-        sx={{
-          mt: -4,
-        }}
-      >
-        <Card variant="outlined">
-          <CardContent></CardContent>
-        </Card>
-      </Container>
-    </>
-  );
+  return <></>;
 };
 
 export default page;

src/components/Header/components/BottomSection.tsx

@@ -9,7 +9,6 @@ const BottomSection = () => {
 
   const pages = [
     { label: t('header.navigation.products'), href: '/search' },
-    { label: t('header.navigation.categories'), href: '/categories' },
     {
       label: t('header.navigation.bestSelling'),
       href: `/search?sort=${bestSellingSortOption.key}`,