UI/UX 개선: 사이드바 레이아웃 안정화 및 메뉴 hover 효과 개선

- 사이드바 고정 너비 설정으로 메뉴 클릭 시 너비 변화 방지
- 메뉴 항목 hover 효과 일관성 개선 (고정 높이, 부드러운 색상 전환)
- 디버깅 로그 제거로 성능 최적화
- 관리자 페이지 카드 디자인 개선 (그라데이션 배경, 아이콘 색상 조정)

frontend/app/(main)/admin/commonCode/page.tsx

@@ -14,7 +14,7 @@ export default function CommonCodeManagementPage() {
     <div className="min-h-screen bg-gray-50">
       <div className="container mx-auto p-6 space-y-6">
         {/* 페이지 제목 */}
-        <div className="flex items-center justify-between">
+        <div className="flex items-center justify-between bg-white rounded-lg shadow-sm border p-6">
           <div>
             <h1 className="text-3xl font-bold text-gray-900">공통코드 관리</h1>
             <p className="mt-2 text-gray-600">시스템에서 사용하는 공통코드를 관리합니다</p>
@@ -26,8 +26,8 @@ export default function CommonCodeManagementPage() {
       <div className="flex flex-col gap-6 lg:flex-row lg:gap-8">
         {/* 카테고리 패널 - PC에서 좌측 고정 너비, 모바일에서 전체 너비 */}
         <div className="w-full lg:w-80 lg:flex-shrink-0">
-          <Card className="h-full">
-            <CardHeader>
+          <Card className="h-full shadow-sm">
+            <CardHeader className="bg-gray-50/50">
               <CardTitle className="flex items-center gap-2">📂 코드 카테고리</CardTitle>
             </CardHeader>
             <CardContent className="p-0">
@@ -38,8 +38,8 @@ export default function CommonCodeManagementPage() {
 
         {/* 코드 상세 패널 - PC에서 나머지 공간, 모바일에서 전체 너비 */}
         <div className="min-w-0 flex-1">
-          <Card className="h-fit">
-            <CardHeader>
+          <Card className="h-fit shadow-sm">
+            <CardHeader className="bg-gray-50/50">
               <CardTitle className="flex items-center gap-2">
                 📋 코드 상세 정보
                 {selectedCategoryCode && (