refactor: 관리자 지원자, 면접자 페이지 UI 수정 (DASOMFE-34)

* refactor: 더미데이터 추가 및 지원자 목록 수정 (DASOMFE-34)

* refactor: 상세정보 UI 수정 (DASOMFE-34)

* refactor: 상세정보 UI 수정 (DASOMFE-34)

* refactor: 지원자 목록, 면접자 목록 분리 (DASOMFE-34)

* refactor: handler함수 분리 (DASOMFE-34)

* remove: 더미데이터 및 ManInterviewee.tsx 삭제

* refactor: footer 없애기

Author: sooh329

src/App.tsx

@@ -20,7 +20,6 @@ import {
   ManNewsPost,
   ManNewsEdit,
   ManRecruitDate,
-  ManInterviewee,
   UserMain,
   Recruit,
   CoreMembers,
@@ -62,6 +61,7 @@ function AppContent() {
     '/recruit/meeting/submit',
     '/somkathon',
     '/somkathon/submit',
+    '/admin/applicants'
   ] // 푸터만 숨길 페이지
 
   return (
@@ -107,14 +107,6 @@ function AppContent() {
             </ProtectedRoute>
           }
         />
-        <Route
-          path='/admin/applicants/interviewee'
-          element={
-            <ProtectedRoute>
-              <ManInterviewee />
-            </ProtectedRoute>
-          }
-        />
         <Route
           path='/admin/date'
           element={

src/components/UI/AdminApplicantButton.tsx

@@ -0,0 +1,17 @@
+import React from 'react'
+import { AdminApplicantButtonProps } from './types'
+
+const AdminApplicantButton: React.FC<AdminApplicantButtonProps> = ({ label, active, onClick }) => {
+  return (
+    <div
+      className={`cursor-pointer w-28 py-2 rounded-full text-center text-white ${
+        active ? 'font-pretendardBold bg-mainColor' : 'bg-subGrey3'
+      }`}
+      onClick={onClick}
+    >
+      {label}
+    </div>
+  )
+}
+
+export default AdminApplicantButton

src/components/UI/AdminPagination.tsx

@@ -32,7 +32,7 @@ const AdminPagination: React.FC<PaginationProps> = ({
   setPage,
 }) => {
   return (
-    <div className='my-6 space-x-4'>
+    <div className='mt-6 mb-16 space-x-4 '>
       <button
         className='px-4 py-2 bg-gray-700 text-white rounded-lg disabled:opacity-50'
         onClick={() => handlePrevPage(setCurrentPage, setPage, totalPages)}

src/components/UI/types.ts

@@ -54,6 +54,12 @@ export interface PaginationProps {
   setPage: Dispatch<SetStateAction<number>>
 }
 
+export interface AdminApplicantButtonProps {
+  label: string;
+  active: boolean;
+  onClick: () => void;
+}
+
 export interface Recruit_InfoBannerProps {
   message: string
 }