feat: add react carousal for ads

[rayanfer32]

Description

Type of change

• New feature (non-breaking change which adds functionality)
• Refactor ( rewrite or restructure code)
• Bug fix (non-breaking change which fixes an issue)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)

Checklist:

• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas

Data Results

• none

Additional Info

• none

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
nexus-market-cap	❌ Failed (Inspect)		Jul 30, 2022 at 9:45AM (UTC)

[github-actions]

	Messages
📖	Changed Files in this PR: package.json src/components/Advertisement/Advertisement.module.scss src/components/Advertisement/Advertisement.tsx yarn.lock
📖	Please assign someone to merge this PR, and optionally include people who should review.

Generated by 🚫 dangerJS against 8b25b06

[rayanfer32]

@shrivatsabhat Need you help on this to fix the build issue with carousel type

No overload matches this call.
  Overload 1 of 2, '(props: ReactElasticCarouselProps | Readonly<ReactElasticCarouselProps>): ReactElasticCarousel', gave the following error.
    Type '{ children: Element[]; itemPadding: number[]; renderArrow: ({ type, onClick, isEdge }: RenderArrowProps) => Element; breakPoints: ({ width: number; itemsToShow: number; itemsToScroll?: undefined; pagination?: undefined; } | { ...; } | { ...; })[]; enableAutoPlay: true; autoPlaySpeed: number; itemsToShow: number; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<ReactElasticCarousel> & Readonly<ReactElasticCarouselProps>'.
      Property 'children' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<ReactElasticCarousel> & Readonly<ReactElasticCarouselProps>'.
  Overload 2 of 2, '(props: ReactElasticCarouselProps, context: any): ReactElasticCarousel', gave the following error.
    Type '{ children: Element[]; itemPadding: number[]; renderArrow: ({ type, onClick, isEdge }: RenderArrowProps) => Element; breakPoints: ({ width: number; itemsToShow: number; itemsToScroll?: undefined; pagination?: undefined; } | { ...; } | { ...; })[]; enableAutoPlay: true; autoPlaySpeed: number; itemsToShow: number; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<ReactElasticCarousel> & Readonly<ReactElasticCarouselProps>'.
      Property 'children' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<ReactElasticCarousel> & Readonly<ReactElasticCarouselProps>'.```