add empty states

app/components/Profile/Profile.ActivityCollections.tsx

@@ -49,6 +49,8 @@ export const ProfileActivityCollections = (props: {
               </SwiperSlide>
             );
           })}
+
+        {props.content && props.content.length > 0 ?
           <SwiperSlide style={{ width: "fit-content" }}>
             <Link href={`/profile/${props.profile_id}/collections`}>
               <div className="w-[400px] xl:w-[500px] aspect-video flex flex-col items-center justify-center w-full gap-2 text-black transition-colors bg-gray-100 border hover:bg-gray-200 border-gray-50 hover:border-gray-100 dark:border-gray-700 dark:hover:border-gray-600 dark:hover:bg-gray-500 aspect-video group dark:bg-gray-600 dark:text-white">
@@ -57,6 +59,7 @@ export const ProfileActivityCollections = (props: {
               </div>
             </Link>
           </SwiperSlide>
+        : <p className="text-lg">У пользователя нет коллекций</p>}
       </Swiper>
     </div>
   );

app/components/Profile/Profile.ActivityFriends.tsx

@@ -56,12 +56,14 @@ export const ProfileActivityFriends = (props: { content: any }) => {
               </SwiperSlide>
             );
           })}
+        {props.content && props.content.length > 0 ?
           <SwiperSlide style={{ width: "fit-content" }} className="px-2 py-4">
             <Button>
               <p className="text-lg">Все друзья</p>
               <span className="w-8 h-8 iconify mdi--arrow-right dark:fill-white"></span>
             </Button>
           </SwiperSlide>
+        : <p className="text-lg">У пользователя нет друзей</p>}
       </Swiper>
     </div>
   );