Featured nft section, marketplace view

[drillprop]

Fix #3776

to test it, go to FeaturedNftSection and adjust the number of items, for example:

  // const items = loading ? createPlaceholderData(10) : nfts ?? []
  const items = createPlaceholderData(15)

[WRadoslaw]

LGTM

[drillprop]

Actually, I think I broke the section with the carousel with all these changes. Draft

[drillprop]

To test this, go to https://atlas-jf3dq6nt5-joystream.vercel.app/marketplace

My goal was to make the carousel overflow its container. Like on the screens below:

To accomplish this I adjusted a few styles and set paddings and negative margins based on the position of the carousel. The main problem is we're using an external library called Swiper and if we change something in terms of container sizing the library is miscalculating things(I suppose)

The problems with the current implementation:

• If we want to make the carousel overflow its container it's impossible to adjust the number of columns - the current approach is always to use grid "auto". To make this possible we need to specify the fixed width of every item and I suppose we need to specify this for every breakpoint. Currently, it's 300 px for all breakpoints.
• button in the header is not switching to disabled once you reach the end. Don't know why
  
• when you click the next slide button, once you reach the end, the last click on the button moves the carousel just a tiny amount.
• the last item in the carousel is not well aligned with the edge of the container:
  
• every prop change for the swiper requires a refreshing site. You cannot change the prop dynamically

[drillprop]

In the end, I didn't manage to accomplish the design requirements in terms of the carousel. The carousel won't be overflowing its container.
@attemka or @WRadoslaw perhaps It's worth rereview this PR once again because I added some changes in terms of marketplace layout