fix: Logo 경로 및 상세페이지 오류 수정 및 개선

src/entities/projects/ui/projects-detail/ProjectDescription.tsx

@@ -13,7 +13,9 @@ const ProjectDescription = ({
   return (
     <>
       <TitleWithIcon Icon={AdjustIcon} title="프로젝트 상세" />
-      <Box marginY={2}>{description}</Box>
+      <Box marginY={2} whiteSpace="pre-wrap">
+        {description}
+      </Box>
     </>
   );
 };

src/features/projects/hooks/useApplyForm.ts

@@ -6,6 +6,7 @@ import { useCreateProjectApplications } from "@features/projects/queries/useCrea
 
 import { useGetProjectApplicationStatus } from "@entities/projects/queries/useGetProjectApplications";
 
+import { useAuthStore } from "@shared/stores/authStore";
 import { useSnackbarStore } from "@shared/stores/snackbarStore";
 
 interface ApplyFormResult {
@@ -27,6 +28,7 @@ interface ApplyFormResult {
 
 const useApplyForm = (): ApplyFormResult => {
   const { id: projectId } = useParams();
+  const { user } = useAuthStore();
   const { showError } = useSnackbarStore();
 
   const { data: isApplied = false, isLoading: dataLoading } =
@@ -41,6 +43,10 @@ const useApplyForm = (): ApplyFormResult => {
 
   const openForm = (): void => {
     if (dataLoading) return;
+    if (!user) {
+      showError("로그인을 해주세요");
+      return;
+    }
     setIsFormOpen(true);
   };
   const closeForm = (): void => setIsFormOpen(false);

src/features/projects/ui/ProjectLike.tsx

@@ -7,6 +7,7 @@ import {
   getStatusClassname,
   shareProjectUrl,
 } from "@shared/libs/utils/projectDetail";
+import { useSnackbarStore } from "@shared/stores/snackbarStore";
 import type { ProjectListRes } from "@shared/types/project";
 import {
   FavoriteBorderIcon,
@@ -22,6 +23,13 @@ interface ProjectLikeProps {
 
 const ProjectLike = ({ values }: ProjectLikeProps): JSX.Element => {
   const { isLiked, toggleLike } = useOptimisticProjectLike();
+  const { showError, showSuccess } = useSnackbarStore();
+
+  const sharelink = (): void => {
+    shareProjectUrl()
+      .then(() => showSuccess("UPL이 복사되었습니다."))
+      .catch(() => showError("복사 실패"));
+  };
 
   return (
     <Box display="flex" alignItems="center" justifyContent="space-between">
@@ -37,7 +45,7 @@ const ProjectLike = ({ values }: ProjectLikeProps): JSX.Element => {
             <FavoriteBorderIcon />
           )}
         </HeadIconBox>
-        <HeadIconBox onClick={shareProjectUrl}>
+        <HeadIconBox onClick={sharelink}>
           <ShareIcon />
         </HeadIconBox>
       </Box>

src/shared/libs/utils/projectDetail.ts

@@ -17,9 +17,6 @@ export const formatDate = (date?: string | Timestamp): string => {
   return date;
 };
 
-export const shareProjectUrl = (): void => {
-  navigator.clipboard
-    .writeText(window.location.href)
-    .then(() => alert("URL이 복사되었습니다."))
-    .catch(() => alert("복사 실패"));
+export const shareProjectUrl = async (): Promise<void> => {
+  navigator.clipboard.writeText(window.location.href);
 };

src/shared/ui/LogoBox.tsx

@@ -3,6 +3,8 @@ import type { SxProps, Theme } from "@mui/material";
 import type { JSX } from "react";
 import { useNavigate } from "react-router-dom";
 
+import Logo from "./icons/logo.svg";
+
 interface LogoBoxProps {
   size?: "small" | "medium" | "large";
   onClick?: () => void;
@@ -40,7 +42,7 @@ const LogoBox = ({
       $disableHover={disableHover}
       sx={sx}
     >
-      <LogoImage src="/public/logo.svg" alt="프로젝트 잼" $size={size} />
+      <LogoImage src={Logo} alt="프로젝트 잼" $size={size} />
       {showText && <LogoText $size={size}>{text}</LogoText>}
     </StyledLogoBox>
   );