fix: client 충돌 해결

Merge branch 'main' of github.com:boostcampwm-2024/web25-funch

client/src/app/(domain)/features/RecommendedLivesRenderer.tsx

@@ -3,12 +3,24 @@
 import Lives from '@components/livesGrid/Lives';
 import type { Broadcast } from '@libs/internalTypes';
 import useFollowingLives from '@hooks/useFollowingLives';
+import Image from 'next/image';
+import noContents from '@assets/no_result.png';
+import clsx from 'clsx';
 
 const RecommendedLivesRenderer = ({ lives }: { lives: Broadcast[] }) => {
   const { ids } = useFollowingLives();
 
   const filteredLives = lives?.filter((live) => !ids.includes(live.broadcastId)) || [];
 
+  if (filteredLives.length === 0) {
+    return (
+      <div className={clsx('flex flex-col items-center')}>
+        <Image src={noContents} alt="no-following-lives" width={200} height={200} />
+        <p className={clsx('text-content-neutral-primary funch-medium16 mt-4')}>라이브 중인 방송이 없습니다.</p>
+      </div>
+    );
+  }
+
   return (
     <Lives lives={filteredLives}>
       {({ visibleLives, isExpanded, toggle }) => (