fix: add space between swiper cards

Author: wackerow

app/[locale]/10years/_components/AdoptionSwiper.tsx

@@ -24,7 +24,7 @@ const AdoptionSwiper = ({
   return (
     <div className="flex flex-1 flex-col gap-6 md:hidden">
       <SwiperContainer className="mx-auto w-full max-w-[550px]">
-        <Swiper>
+        <Swiper spaceBetween={32}>
           {adoptionCards.map((card, index) => (
             <SwiperSlide key={card.title}>
               <div

app/[locale]/10years/_components/InnovationSwiper.tsx

@@ -14,7 +14,10 @@ export default function InnovationSwiper() {
   return (
     <div className="w-[100%]">
       <SwiperContainer className="mx-auto w-full max-w-[550px] xl:max-w-[700px]">
-        <Swiper className="mx-auto w-full max-w-[550px] xl:max-w-[700px]">
+        <Swiper
+          className="mx-auto w-full max-w-[550px] xl:max-w-[700px]"
+          spaceBetween={32}
+        >
           {innovationCards.map((card, index) => (
             <SwiperSlide
               key={index}