[#667] [북카이브] 유저 로그인 상태의 북카이브 UI 수정 (#668)

* fix: 로그인 유저 북카이브 추천 도서 리스트 우측 너비 수정

* fix: 프로필 정보가 없는 유저가 북카이브 접근 시 BookArchiveForUnAuth 컴포넌트 보여주도록 수정

Author: harryk-im

src/app/bookarchive/page.tsx

@@ -27,7 +27,9 @@ const Contents = () => {
     enabled: isAuthenticated,
   });
 
-  return isAuthenticated ? (
+  const hasProfile = isAuthenticated && userData?.job?.jobGroupName;
+
+  return hasProfile ? (
     <BookArchiveForAuth userJobGroup={userData.job.jobGroupName} />
   ) : (
     <BookArchiveForUnAuth />

src/components/bookArchive/BookArchiveForAuth.tsx

@@ -37,7 +37,7 @@ const BookArchiveForAuth = ({
   return (
     <div className="flex w-full flex-col gap-[1.5rem] font-body1-bold">
       <h2>👀 이런 책들이 많이 꽂혔어요</h2>
-      <ul className="flex gap-[1.5rem] overflow-auto pb-[1.5rem]">
+      <ul className="flex w-[calc(100%+2rem)] gap-[1.5rem] overflow-auto pb-[1.5rem]">
         {booksData.books.map(({ bookId, imageUrl, title }) => (
           <li key={bookId} className="max-w-[9rem]">
             <Link href={`/book/${bookId}`} className="flex flex-col gap-[1rem]">