feat: [QA] 모임 생성 완료, 결과페이지 페이지 UI 개선 (#66)

* chore: [QA] 모임 생성 완료 페이지 및 결과 페이지 UI 개선

- 모임 생성 완료 페이지에서 링크 공유 버튼 제거
- 내 취향 입력 버튼 variant를 secondary로 변경
- 결과 페이지 다른 후보 식당 이미지에 ring 추가
- ResultView에서 사용하지 않는 import 제거

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

* feat: 모임 생성 완료 페이지 뒤로가기 버튼을 홈 버튼으로 변경

- HomeIcon 컴포넌트 추가
- BackwardButton 대신 홈 버튼으로 대체
- 클릭 시 홈("/")으로 이동

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

---------

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

Author: youngminss

app/gathering/create/complete/[accessKey]/page.tsx

@@ -2,38 +2,41 @@
 
 import { useParams, useRouter } from "next/navigation";
 
+import { twJoin } from "tailwind-merge";
+
 import { Layout } from "#/components/layout";
-import { BackwardButton } from "#/components/backwardButton";
 import { Button } from "#/components/button";
 import { MeetingCompleteIllustration } from "#/components/illustrations";
-import { share } from "#/utils/share";
 import { Toaster } from "#/components/toast";
+import { HomeIcon } from "#/icons/homeIcon";
 
 export default function GatheringCreateCompletePage() {
 	const params = useParams<{ accessKey: string }>();
 	const router = useRouter();
 
-	const handleBackward = () => {
-		router.push("/gathering/create");
+	const handleHomeButtonClick = () => {
+		router.push("/");
 	};
 
 	const handlePreferenceInput = () => {
 		router.push(`/gathering/${params.accessKey}/opinion`);
 	};
 
-	const handleShare = () => {
-		const landingUrl = `${window.location.origin}/gathering/${params.accessKey}/landing`;
-		share({
-			title: "함께 갈 맛집, 같이 정해요!",
-			text: "[요기잇] 다인원을 위한 맛집 서비스",
-			url: landingUrl,
-		});
-	};
-
 	return (
 		<Layout.Root>
 			<Layout.Header>
-				<BackwardButton onClick={handleBackward} />
+				<button
+					type="button"
+					aria-label="홈으로 가기"
+					onClick={handleHomeButtonClick}
+					className={twJoin(
+						"ygi:flex ygi:items-center ygi:justify-center",
+						"ygi:h-12 ygi:w-12 ygi:p-3",
+						"ygi:cursor-pointer ygi:bg-transparent",
+					)}
+				>
+					<HomeIcon size={24} className="ygi:text-icon-default" />
+				</button>
 			</Layout.Header>
 
 			<Layout.Content>
@@ -42,7 +45,7 @@ export default function GatheringCreateCompletePage() {
 						<h1 className="ygi:heading-22-bd ygi:text-text-primary">
 							모임 준비 끝!
 							<br />
-							공유하고 맛집을 정해보세요
+							공유하기 전에 내 취향 먼저 알려주세요
 						</h1>
 					</div>
 
@@ -55,19 +58,12 @@ export default function GatheringCreateCompletePage() {
 			<Layout.Footer>
 				<div className="ygi:flex ygi:gap-3 ygi:px-6">
 					<Button
-						variant="tertiary"
+						variant="secondary"
 						width="full"
 						onClick={handlePreferenceInput}
 					>
 						내 취향 입력
 					</Button>
-					<Button
-						variant="secondary"
-						width="full"
-						onClick={handleShare}
-					>
-						링크 공유
-					</Button>
 				</div>
 			</Layout.Footer>
 

src/icons/homeIcon/HomeIcon.tsx

@@ -0,0 +1,33 @@
+import type { SVGProps } from "react";
+
+export interface HomeIconProps extends Omit<
+	SVGProps<SVGSVGElement>,
+	"children"
+> {
+	size?: number | string;
+	color?: string;
+}
+
+export const HomeIcon = ({
+	size = 24,
+	color = "currentColor",
+	...props
+}: HomeIconProps) => {
+	return (
+		<svg
+			width={size}
+			height={size}
+			viewBox="0 0 24 24"
+			fill="none"
+			xmlns="http://www.w3.org/2000/svg"
+			{...props}
+		>
+			<path
+				d="M8.7999 21.6V14.2964C8.7999 13.6241 9.37298 13.0791 10.0799 13.0791H13.9199C14.6268 13.0791 15.1999 13.6241 15.1999 14.2964V21.6M11.2581 2.62527L2.93811 8.25179C2.60045 8.48014 2.3999 8.84979 2.3999 9.24381V19.7741C2.3999 20.7825 3.25952 21.6 4.3199 21.6H19.6799C20.7403 21.6 21.5999 20.7825 21.5999 19.7741V9.24381C21.5999 8.84979 21.3994 8.48014 21.0617 8.25179L12.7417 2.62527C12.2976 2.32494 11.7022 2.32494 11.2581 2.62527Z"
+				stroke={color}
+				strokeWidth="1.6"
+				strokeLinecap="round"
+			/>
+		</svg>
+	);
+};

src/icons/homeIcon/index.ts

@@ -0,0 +1 @@
+export { HomeIcon } from "./HomeIcon";

src/pageComponents/gathering/opinion/ResultView.tsx

@@ -7,8 +7,6 @@ import {
 } from "#/pageComponents/gathering/restaurantCard";
 import type { RecommendationResult } from "#/types/gathering";
 import { twJoin } from "tailwind-merge";
-import { Chip } from "#/components/chip";
-import { CrownIcon } from "#/icons/crownIcon";
 import { ProgressBar } from "#/components/progressBar";
 import { CircleIcon } from "#/icons/circleIcon";
 import { XIcon } from "#/icons/xIcon";

src/pageComponents/gathering/restaurantCard/OtherCandidateCard.tsx

@@ -28,7 +28,7 @@ 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-hidden ygi:rounded ygi:bg-gray-200">
+			<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}