feat(frontend): 탭 · 홈 화면 아이콘을 ARA 마크로 바꾼다

Vue 기본 favicon 이 남아 있었다. 5단계 알림 아이콘과 같은 모양(#0B3640 둥근 사각 +
흰 ARA 마크)을 원본 로고에서 크기마다 따로 줄였다 — 16 · 32 는 가는 획을 조금 굵게.

index.html 은 아이콘을 /src 경로로 걸어 빌드가 /assets/ 의 해시 파일로 바꾼다 —
배포 직후 새 아이콘이 보이고, 공개 내려받기 호스트도 /assets/ 는 연다(nginx 그대로).
public/favicon.ico(16 · 32 · 48)는 /favicon.ico 를 직접 묻는 클라이언트용으로 바꿔 둔다.
apple-touch-icon(180 불투명 정사각)과 theme-color #0B3640 도 더한다.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

frontend/index.html

@@ -2,7 +2,11 @@
 <html lang="ko">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" href="/favicon.ico" />
+    <!-- 아이콘은 빌드가 /assets/ 의 해시 파일로 바꾼다(배포 직후 새 그림). public/favicon.ico 는 주소를 직접 묻는 클라이언트용 -->
+    <link rel="icon" type="image/png" sizes="32x32" href="/src/assets/brand/favicon-32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/src/assets/brand/favicon-16.png" />
+    <link rel="apple-touch-icon" href="/src/assets/brand/apple-touch-icon.png" />
+    <meta name="theme-color" content="#0B3640" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content="ARA SYSTEM 사내 업무 시스템" />
     <title>ARA SYSTEM</title>