Refactor : 알바폼 상세 페이지 layout

src/app/(pages)/(albaform)/alba/[formId]/components/FormDetail.tsx

@@ -16,9 +16,7 @@ export default function FormDetails({ albaFormDetailData }: FormDetailsProps) {
     <>
       <div className="mb-4 flex items-end gap-4">
         <span className="text-lg text-black-400 underline lg:text-2xl">{albaFormDetailData.storeName || "가게명"}</span>
-        <span className="text-md text-grayscale-500 lg:text-xl">
-          {albaFormDetailData.location || "위치"} ・ {"경력 정보 없음"}
-        </span>
+        <span className="text-md text-grayscale-500 lg:text-xl">{albaFormDetailData.location || "위치"}</span>
       </div>
       <p className="text-3xl font-bold">{albaFormDetailData.title}</p>
       <div className="space-y-32">

src/app/(pages)/(albaform)/alba/[formId]/components/FormHeader.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import Chip from "@/app/components/chip/Chip";
 import { FormDetailResponse } from "@/types/response/form";
+import { formatDateTime } from "@/utils/formatters";
 
 interface FormHeaderProps {
   albaFormDetailData: FormDetailResponse;
@@ -15,7 +16,9 @@ export default function FormHeader({ albaFormDetailData }: FormHeaderProps) {
         variant={albaFormDetailData.isPublic ? "positive" : "negative"}
       />
       <Chip label={recruitmentStatus} variant="positive" />
-      <p className="ml-2 text-lg text-grayscale-500">{new Date(albaFormDetailData.createdAt).toLocaleString()} 등록</p>
+      <p className="ml-2 text-lg text-grayscale-500">
+        {formatDateTime(albaFormDetailData.createdAt.toLocaleString())} 등록
+      </p>
     </div>
   );
 }

src/app/(pages)/(albaform)/alba/[formId]/components/RecruitInformation.tsx

@@ -22,17 +22,21 @@ export default function RecruitInformation({ albaFormDetailData, formId }: Recru
   };
 
   return (
-    <>
+    <div className="flex flex-col gap-10 lg:pl-6">
       <RecruitIcon {...recruitmentDetails} />
       <RecruitDetail recruitData={albaFormDetailData} />
-      <p className="text-3xl font-bold">모집 조건</p>
-      <RecruitCondition recruitData={albaFormDetailData} />
-      <div className="hidden lg:block">
-        <FormActions formId={formId} albaFormDetailData={albaFormDetailData} />
+      <div className="flex flex-col gap-6">
+        <span className="text-3xl font-bold">모집 조건</span>
+        <RecruitCondition recruitData={albaFormDetailData} />
       </div>
-      <div className="block lg:hidden">
-        <FormActions formId={formId} albaFormDetailData={albaFormDetailData} />
+      <div>
+        <div className="hidden lg:block">
+          <FormActions formId={formId} albaFormDetailData={albaFormDetailData} />
+        </div>
+        <div className="block lg:hidden">
+          <FormActions formId={formId} albaFormDetailData={albaFormDetailData} />
+        </div>
       </div>
-    </>
+    </div>
   );
 }

src/app/components/card/board/Comment.tsx

@@ -112,7 +112,7 @@ const Comment = ({ id, nickname, updatedAt, content, isAuthor = false }: Comment
   }
 
   return (
-    <div className="w-full rounded-lg border-b border-line-200 bg-white p-4">
+    <div className="w-full rounded-lg border border-line-200 bg-white p-4">
       <div className="flex items-center justify-between">
         <div className="flex items-center gap-2">
           <Image

src/app/components/card/cardList/RecruitIcon.tsx

@@ -77,7 +77,7 @@ export const RecruitIcon = ({
 
   return (
     // 반응형 컨테이너
-    <div className="h-auto w-full p-3">
+    <div className="h-auto w-full">
       {/* 2x2 그리드 레이아웃 */}
       <div className="grid h-full grid-cols-2 gap-2">
         {conditions.map((condition, index) => (