게시물 카드 썸네일 보조 피드백 추가 및 댓글 기본 정렬 최신순 변경

- 카드 hover/누름 시 썸네일 은은한 확대 보조 피드백 추가(메인·전체·태그 공통)
- 썸네일 sticky opacity hover 제거
- 게시글 댓글 기본 정렬을 인기순에서 최신순으로 변경, 옵션 순서 조정
- v1.10.36

Co-authored-by: Cursor <cursoragent@cursor.com>

components/comments/PostComments.vue

@@ -17,7 +17,7 @@ const replyErrorMessage = ref('')
 const newCommentBody = ref('')
 const replyBody = ref('')
 const activeReplyTargetId = ref('')
-const sortOption = ref('best')
+const sortOption = ref('latest')
 const brokenAvatarCommentIds = ref([])
 const canSubmitComment = computed(() => Boolean(newCommentBody.value.trim()) && !submitting.value)
 const canSubmitReply = computed(() => Boolean(replyBody.value.trim()) && !submittingReplyId.value)
@@ -321,8 +321,8 @@ onMounted(async () => {
         v-model="sortOption"
         class="rounded-md border border-[var(--site-line)] bg-transparent px-2 py-1 text-xs font-semibold text-[var(--site-ink)] outline-none"
       >
-        <option value="best">인기순</option>
         <option value="latest">최신순</option>
+        <option value="best">인기순</option>
         <option value="oldest">오래된순</option>
       </select>
     </div>

components/site/PostCardMedia.vue

@@ -53,7 +53,7 @@ const displayImage = computed(() => props.thumbnailImage || props.featuredImage)
     >
       <img
         v-if="displayImage"
-        class="post-card-media__image h-full w-full rounded-[inherit] object-cover transition-opacity duration-200 group-hover:opacity-90"
+        class="post-card-media__image h-full w-full rounded-[inherit] object-cover"
         :class="imageClass"
         :src="displayImage"
         :alt="title"
@@ -61,7 +61,7 @@ const displayImage = computed(() => props.thumbnailImage || props.featuredImage)
       >
       <span
         v-else
-        class="post-card-media__placeholder flex h-full w-full items-center justify-center rounded-[inherit] bg-[#F7F4EF] p-4 text-center text-xs leading-snug text-[var(--site-muted)] transition-opacity duration-200 group-hover:opacity-90"
+        class="post-card-media__placeholder flex h-full w-full items-center justify-center rounded-[inherit] bg-[#F7F4EF] p-4 text-center text-xs leading-snug text-[var(--site-muted)]"
         :aria-label="title"
       >
         <span class="post-card-media__placeholder-text max-w-full break-words line-clamp-3 sm:line-clamp-4">{{ title }}</span>