Allow multiple clickableClass

[fchevallieratecna]

We have an error when trying to set a class for the clickableClass props.

The error is :

failed to execute 'add' on 'domtokenlist': the token provided ('relative top-20') contains html space characters, which are not valid in token

For example here :

<Swiper
      slidesPerView={1}
      spaceBetween={10}
      pagination={{
        clickable: true,
        bulletActiveClass: '!bg-grey-black !w-6 !rounded-xl opacity-1',
        clickableClass: `!relative !top-20`, // <--- ERROR
        bulletClass: `w-32 h-32 inline-block`,
      }}
      navigation
      breakpoints={{
        640: {
          slidesPerView: 2,
          spaceBetween: 20,
        },
      }}
      className="h-full w-full"
      modules={[Pagination, Navigation]}
    >
      {components.map((component, i) => (
        <SwiperSlide className="!flex !items-center !justify-center" key={i}>
          {component}
        </SwiperSlide>
      ))}
    </Swiper>
    ```

The change fixes this error. 

Thanks !

[nolimits4web]

Thank you! Had to merge it manually