feat: 반려동물 등록 기능 및 확장 마이페이지 추가

- pets 테이블 추가 (이름, 종류, 품종, 사진 등)
- 반려동물 CRUD API (/api/pets)
- 확장 마이페이지 (/mypage) - 카카오 로그인 기반
- 기존 마이페이지에 퀵 메뉴 추가 (반려동물/쿠폰/구매내역/내정보)
- 카카오 로그인 시 세션에 user_id 저장
- 동물약 APC 매핑 가이드 문서 추가

backend/templates/my_page.html

@@ -119,6 +119,49 @@
             letter-spacing: -0.2px;
         }
 
+        /* 퀵 메뉴 */
+        .quick-menu {
+            display: flex;
+            justify-content: space-around;
+            padding: 20px 16px;
+            background: #fff;
+            margin: 0 16px 16px;
+            border-radius: 16px;
+            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
+        }
+
+        .quick-menu-item {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 8px;
+            text-decoration: none;
+            padding: 8px 12px;
+            border-radius: 12px;
+            transition: background 0.2s;
+        }
+
+        .quick-menu-item:active {
+            background: #f5f5f5;
+        }
+
+        .quick-menu-icon {
+            width: 48px;
+            height: 48px;
+            border-radius: 14px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 22px;
+        }
+
+        .quick-menu-item span {
+            font-size: 12px;
+            font-weight: 600;
+            color: #495057;
+            letter-spacing: -0.3px;
+        }
+
         .section {
             padding: 24px;
         }
@@ -301,6 +344,26 @@
             <div class="balance-desc">약국에서 1P = 1원으로 사용 가능</div>
         </div>
 
+        <!-- 퀵 메뉴 -->
+        <div class="quick-menu">
+            <a href="/mypage" class="quick-menu-item">
+                <div class="quick-menu-icon" style="background: #fef3c7;">🐾</div>
+                <span>반려동물</span>
+            </a>
+            <a href="#" class="quick-menu-item" onclick="alert('준비중입니다'); return false;">
+                <div class="quick-menu-icon" style="background: #dbeafe;">🎟️</div>
+                <span>쿠폰함</span>
+            </a>
+            <a href="#" class="quick-menu-item" onclick="alert('준비중입니다'); return false;">
+                <div class="quick-menu-icon" style="background: #fce7f3;">📦</div>
+                <span>구매내역</span>
+            </a>
+            <a href="/mypage" class="quick-menu-item">
+                <div class="quick-menu-icon" style="background: #ede9fe;">⚙️</div>
+                <span>내정보</span>
+            </a>
+        </div>
+
         <div class="section">
             <div class="section-title">적립 내역</div>