제목 알약 폰트 통일 + 위치 조정, 좁은 폼 너비, 메인 타일 확대

- TitlePill을 String 기반으로 바꿔서 모든 화면(설정/교사 회원가입/관리자
  시스템/NFC 태그 쓰기·체크인/학생 관리/스마트기기 반출 신청·대장/실시간
  출석 현황)이 완전히 같은 폰트(굵게, 15px, 흰색)를 쓰게 통일
- 알약이 화면 맨 위에 딱 붙어 보이지 않도록 위쪽에 8px 여백 추가
- "스마트기기 반출 신청" 폼과 "관리자 시스템"의 "모든 출석 데이터 초기화"
  버튼이 넓은 화면에서 양옆으로 과하게 늘어지던 문제 수정 - 최대 폭
  420px로 제한하고 가운데 정렬 (기존 대비 약 1/3 크기)
- 메인 대시보드 타일 목표 크기를 184 → 276(50% 확대)로 키우고, 아이콘/
  패딩/폰트 기준값도 함께 올려서 제목 10→12pt, 부제 8→10pt로 확대

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

lib/ui/teacher_attendance_page.dart

@@ -5,6 +5,7 @@ import '../function/teacher_attendance_controller.dart';
 import '../theme/app_palette.dart';
 import 'app_notice.dart';
 import 'launchpad_transition.dart';
+import 'title_pill.dart';
 
 // -----------------------------------------------------------------------------
 // 📅 [서브 화면 1] 실시간 출석 확인 란 (StudentDashboard 카드 스타일 리스트화)
@@ -243,26 +244,6 @@ class _TeacherAttendancePageState extends State<TeacherAttendancePage> {
     );
   }
 
-  // 🪶 "실시간 출석 현황" 제목 알약. 사이드바/모바일 요약 바로 위에 둔다.
-  Widget _buildTitlePill() {
-    return Container(
-      padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 10),
-      decoration: BoxDecoration(
-        color: AppPalette.ink,
-        borderRadius: BorderRadius.circular(999),
-      ),
-      child: const Text(
-        '실시간 출석 현황',
-        textAlign: TextAlign.center,
-        style: TextStyle(
-          color: Colors.white,
-          fontWeight: FontWeight.bold,
-          fontSize: 15,
-        ),
-      ),
-    );
-  }
-
   // -----------------------------------------------------------------------
   // 📱 모바일 레이아웃 (기존 카드 리스트)
   // -----------------------------------------------------------------------
@@ -271,7 +252,7 @@ class _TeacherAttendancePageState extends State<TeacherAttendancePage> {
     return Column(
       children: [
         const SizedBox(height: 12),
-        _buildTitlePill(),
+        const TitlePill('실시간 출석 현황'),
         const SizedBox(height: 12),
         Padding(
           padding: const EdgeInsets.symmetric(horizontal: 16.0),
@@ -554,7 +535,7 @@ class _TeacherAttendancePageState extends State<TeacherAttendancePage> {
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.stretch,
         children: [
-          Center(child: _buildTitlePill()),
+          Center(child: const TitlePill('실시간 출석 현황')),
           const SizedBox(height: 16),
           _sidebarStatPill('전체 학생 수', total, 'ALL'),
           const SizedBox(height: 10),