fix: resolve undefined values

Author: pooriaset

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

@@ -32,7 +32,7 @@ const getTopBanner = async () => {
     query: GET_TOP_BANNER,
   });
 
-  const _item = data?.sliderCategories?.nodes?.[0].sliders?.edges?.[0]?.node;
+  const _item = data?.sliderCategories?.nodes?.[0]?.sliders?.edges?.[0]?.node;
   if (_item && _item?.featuredImage?.node.url) {
     const data: ISliderItem = {
       id: _item.id,

src/components/MainCategories/MainCategories.tsx

@@ -3,8 +3,8 @@
 import { ChevronLeft } from '@mui/icons-material';
 import { Box, Grid, Link, Stack } from '@mui/material';
 import { grey } from '@mui/material/colors';
-import Image from 'next/image';
 import React, { FC } from 'react';
+import Image from '../common/Image';
 
 export interface IMainCategory {
   id: number | string;