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

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}