fix: 경매장 거래 내역 정렬 기준 오류 수정

Author: dev-ant

src/app/(main)/auction-history/page.tsx

@@ -323,8 +323,8 @@ export default function Page() {
 
   return (
     <div className="select-none absolute inset-0 bg-white">
-      {/* Fixed Floating Category Sidebar - Only visible on xl+ screens */}
-      <div className="fixed left-24 top-32 bottom-8 w-56 z-40 hidden xl:block">
+      {/* Fixed Floating Category Sidebar - Only visible on 2xl+ screens (1536px+) */}
+      <div className="fixed left-24 top-32 bottom-8 w-56 z-40 hidden 2xl:block">
         <CategorySection
           selectedId={selectedCategory}
           onSelect={handleCategorySelect}

src/app/api/auction-history/search/route.ts

@@ -92,13 +92,25 @@ export async function GET(request: NextRequest) {
     // Extract pagination parameters
     const page = searchParams.get("page") || "1";
     const size = searchParams.get("size") || "20";
-    const sortBy = searchParams.get("sortBy") || "DATE_AUCTION_BUY"; // enum value
-    const direction = searchParams.get("direction") || "DESC"; // enum value
+    const sortBy = searchParams.get("sortBy") || "dateAuctionBuy";
+    const direction = searchParams.get("direction") || "desc";
+
+    // Map frontend values to backend enum names
+    const sortByMap: Record<string, string> = {
+      dateAuctionBuy: "DATE_AUCTION_BUY",
+      auctionPricePerUnit: "AUCTION_PRICE_PER_UNIT",
+      itemName: "ITEM_NAME",
+    };
+
+    const directionMap: Record<string, string> = {
+      asc: "ASC",
+      desc: "DESC",
+    };
 
     pageParams.page = page;
     pageParams.size = size;
-    pageParams.sortBy = sortBy;
-    pageParams.direction = direction;
+    pageParams.sortBy = sortByMap[sortBy] || "DATE_AUCTION_BUY";
+    pageParams.direction = directionMap[direction.toLowerCase()] || "DESC";
 
     // Extract basic search parameters
     const itemName = searchParams.get("itemName");

src/components/commons/Search.tsx

@@ -133,11 +133,11 @@ export default function SearchSection({
       {/* Breadcrumb */}
       {path.length > 0 && (
         <div className="flex items-center gap-2 mb-4 text-sm flex-wrap">
-          {/* Category Menu Button - Hidden on xl+ screens */}
+          {/* Category Menu Button - Hidden on 2xl+ screens (1536px+) */}
           {onCategoryMenuClick && (
             <button
               onClick={onCategoryMenuClick}
-              className="xl:hidden flex items-center justify-center w-8 h-8 rounded-lg hover:bg-gray-100 transition-colors"
+              className="2xl:hidden flex items-center justify-center w-8 h-8 rounded-lg hover:bg-gray-100 transition-colors"
               aria-label="카테고리 메뉴 열기"
             >
               <Menu className="w-5 h-5 text-gray-600" />

src/components/page/community/PostCard.tsx

@@ -26,7 +26,7 @@ export default function PostCard({ post }: PostCardProps) {
 
   return (
     <Link href={`/community/${post.id}`} className="block">
-      <article className="bg-white rounded-lg p-4 sm:p-6 border border-gray-200 hover:border-gray-300 transition-colors">
+      <article className="py-4 hover:bg-blue-50/50 transition-colors cursor-pointer">
         {/* Post Content */}
         <div className="mb-3">
           <h3 className="font-semibold text-gray-900 mb-2 line-clamp-2">

src/components/page/community/PostList.tsx

@@ -74,7 +74,7 @@ export default function PostList({ boardId }: PostListProps) {
   }
 
   return (
-    <div className="space-y-3">
+    <div className="divide-y divide-gray-200">
       {allPosts.map((post) => (
         <PostCard key={post.id} post={post} />
       ))}