fix: 결과 페이지 맛집 이미지 기본 placeholder, 공유하기 toast 미노출 (#68)

* fix: 음식점 카드 이미지 placeholder 처리 개선

- 조건부 렌더링 대신 placeholder 이미지 사용으로 변경
- 배경색 bg-gray-200에서 bg-surface-lightgray로 통일
- placeholder 이미지 경로 통일 (/images/result/restaurant-image-placeholder.png)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* feat: Pending/Result 페이지에 Toaster 컴포넌트 추가

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>

Author: youngminss

app/gathering/[accessKey]/opinion/pending/PendingViewContainer.tsx

@@ -9,6 +9,7 @@ import {
 import { useParams, redirect } from "next/navigation";
 import { useGetGatheringCapacity } from "#/hooks/apis/gathering";
 import { share } from "#/utils/share";
+import { Toaster } from "#/components/toast";
 
 export function PendingViewContainer() {
 	const { accessKey } = useParams<{ accessKey: string }>();
@@ -52,6 +53,8 @@ export function PendingViewContainer() {
 					</Button>
 				</div>
 			</Layout.Footer>
+
+			<Toaster offset={{ bottom: 96 }} mobileOffset={{ bottom: 96 }} />
 		</Layout.Root>
 	);
 }

app/gathering/[accessKey]/opinion/result/ResultViewContainer.tsx

@@ -7,6 +7,7 @@ import { useParams, redirect } from "next/navigation";
 import { BackwardButton } from "#/components/backwardButton";
 import { useGetGatheringCapacity } from "#/hooks/apis/gathering";
 import { useGetRecommendResult } from "#/hooks/apis/recommendResult";
+import { Toaster } from "#/components/toast";
 
 export function ResultViewContainer() {
 	const { accessKey } = useParams<{ accessKey: string }>();
@@ -36,6 +37,8 @@ export function ResultViewContainer() {
 					<ShareButton />
 				</div>
 			</Layout.Footer>
+
+			<Toaster offset={{ bottom: 96 }} mobileOffset={{ bottom: 96 }} />
 		</Layout.Root>
 	);
 }

public/images/result/restaurant-image-placeholder.png

@@ -28,21 +28,16 @@ export const OtherCandidateCard = ({
 			className="ygi:flex ygi:items-start ygi:overflow-hidden"
 			aria-label={`${ranking}위 추천 음식점: ${restaurant.restaurantName}`}
 		>
-			<div className="ygi:relative ygi:h-20 ygi:w-20 ygi:shrink-0 ygi:overflow-clip ygi:rounded ygi:border ygi:border-border-default ygi:bg-gray-200">
-				{restaurant.imageUrl ? (
-					<Image
-						src={restaurant.imageUrl}
-						alt={restaurant.restaurantName}
-						fill
-						className="ygi:object-cover"
-					/>
-				) : (
-					<div className="ygi:flex ygi:h-full ygi:items-center ygi:justify-center">
-						<span className="ygi:text-text-tertiary ygi:text-xs">
-							준비 중
-						</span>
-					</div>
-				)}
+			<div className="ygi:relative ygi:h-20 ygi:w-20 ygi:shrink-0 ygi:overflow-clip ygi:rounded ygi:border ygi:border-border-default ygi:bg-surface-lightgray">
+				<Image
+					src={
+						restaurant.imageUrl ??
+						"/images/result/restaurant-image-placeholder.png"
+					}
+					alt={restaurant.restaurantName ?? "준비 중"}
+					fill
+					className="ygi:object-cover"
+				/>
 			</div>
 
 			<div className="ygi:flex ygi:flex-1 ygi:flex-col ygi:justify-center ygi:gap-2 ygi:px-5">

src/pageComponents/gathering/restaurantCard/OtherCandidateCard.tsx

@@ -17,7 +17,8 @@ export interface TopRecommendCardProps {
 
 export const TopRecommendCard = ({ restaurant }: TopRecommendCardProps) => {
 	const handleImageError = (event: SyntheticEvent<HTMLImageElement>) => {
-		event.currentTarget.src = "/public/images/placeholder/restaurant.png";
+		event.currentTarget.src =
+			"/images/result/restaurant-image-placeholder.png";
 	};
 
 	const handleMapClick = () => {
@@ -29,16 +30,21 @@ export const TopRecommendCard = ({ restaurant }: TopRecommendCardProps) => {
 			className="ygi:flex ygi:flex-col ygi:items-start"
 			aria-label={`1위 추천 음식점: ${restaurant.restaurantName}`}
 		>
-			<div className="ygi:relative ygi:h-46.5 ygi:w-full ygi:overflow-hidden ygi:rounded-t-xl ygi:bg-gray-200">
-				{restaurant.imageUrl && (
-					<Image
-						src={restaurant.imageUrl}
-						alt={restaurant.restaurantName}
-						fill
-						className="ygi:object-cover"
-						onError={handleImageError}
-					/>
-				)}
+			<div className="ygi:relative ygi:h-46.5 ygi:w-full ygi:overflow-hidden ygi:rounded-t-xl ygi:bg-surface-lightgray">
+				<Image
+					src={
+						restaurant.imageUrl ??
+						"/images/result/restaurant-image-placeholder.png"
+					}
+					alt={restaurant.restaurantName ?? "준비 중"}
+					fill
+					className={
+						restaurant.imageUrl
+							? "ygi:object-cover"
+							: "ygi:object-contain"
+					}
+					onError={handleImageError}
+				/>
 			</div>
 
 			<div className="ygi:flex ygi:w-full ygi:flex-col ygi:gap-3 ygi:rounded-b-xl ygi:bg-surface-white ygi:p-5">