refactor: 타이틀 타이포그라피로 변경 및 각 페이지 title 상속 제거

[KwonDeaGeun]

Summary by CodeRabbit

릴리스 노트

• 새로운 기능

  • 애플리케이션 헤더를 "AEGIS"로 통일했습니다.
  • Stack Sans Notch 폰트를 추가했습니다.

• 스타일

  • 포맷팅 설정을 개선하고 확장했습니다.
  • CSS 파서 구성을 추가했습니다.

• Chores

  • 코드 포맷팅 및 구조를 개선했습니다.

[coderabbitai]

Walkthrough

헤더 컴포넌트의 title prop을 제거하고 고정된 "AEGIS" 로고로 대체합니다. 해당 prop 사용을 여러 페이지 컴포넌트에서 제거하며, 설정 파일을 업데이트하고 새로운 폰트를 추가합니다.

Changes

Cohort / File(s)	Summary
Configuration 및 Formatting biome.json, src/index.css, src/hooks/useExternalBrowser.ts, src/pages/BrowserRedirectPage.tsx	Biome 설정을 확장된 JSON 형식으로 재작성하고 formatter, javascript, css 섹션 추가. "Stack Sans Notch" 폰트 @font-face 규칙 추가. 빈 줄 추가 및 Label 컴포넌트 JSX 포맷팅 변경.
Header 컴포넌트 개선 src/components/ui/Header.tsx, src/pages/ForbiddenPage.tsx	Header 컴포넌트에서 title prop 제거 및 "AEGIS" 하드코딩된 레이블로 변경. ForbiddenPage에서도 title prop 제거 및 Header 호출 시 onBack만 전달.
페이지 컴포넌트 Header 사용 업데이트 src/pages/ApplicationStatusPage.tsx, src/pages/AttendancePage.tsx, src/pages/CreateStudyPage.tsx, src/pages/EditStudyPage.tsx, src/pages/StudyDetailPage.tsx, src/pages/StudyListPage.tsx, src/pages/StudyMembersPage.tsx	모든 페이지 컴포넌트에서 Header 호출 시 title prop 제거. Header가 title 없이 onBack만으로 렌더링되도록 변경. ForbiddenPage 사용 시에도 title prop 제거.

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	PR 제목이 변경 사항의 핵심을 명확하게 설명합니다. Header 컴포넌트에서 title prop 제거 및 AEGIS 텍스트 추가와 같은 주요 변경 사항을 적절히 요약하고 있습니다.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

---

No actionable comments were generated in the recent review. 🎉

🧹 Recent nitpick comments

src/components/ui/Header.tsx (1)

25-30: 인라인 스타일 대신 Tailwind arbitrary value 사용을 고려하세요.

다른 스타일은 모두 Tailwind 클래스를 사용하고 있으므로, 일관성을 위해 fontFamily 인라인 스타일을 Tailwind arbitrary value로 대체할 수 있습니다.

♻️ 수정 제안

-                <span
-                    className="font-bold text-2xl text-gray-900"
-                    style={{ fontFamily: '"Stack Sans Notch", sans-serif' }}
-                >
+                <span
+                    className="font-bold text-2xl text-gray-900 font-[Stack_Sans_Notch,sans-serif]"
+                >

src/index.css (1)

5-15: CDN URL에서 @latest 대신 특정 버전을 고정하세요.

@latest를 사용하면 CDN에서 제공하는 폰트 파일이 예고 없이 변경될 수 있어 재현 불가능한 빌드와 예상치 못한 렌더링 변화가 발생할 수 있습니다. Fontsource 공식 문서에서도 @latest 사용을 권장하지 않으며, 특정 버전으로 고정할 것을 강력히 권장합니다. 현재 stack-sans-notch의 최신 버전은 5.2.1입니다.

♻️ 수정 제안

     src:
-        url("https://cdn.jsdelivr.net/fontsource/fonts/stack-sans-notch@latest/latin-700-normal.woff2")
+        url("https://cdn.jsdelivr.net/fontsource/fonts/stack-sans-notch@5.2.1/latin-700-normal.woff2")
         format("woff2"),
-        url("https://cdn.jsdelivr.net/fontsource/fonts/stack-sans-notch@latest/latin-700-normal.woff")
+        url("https://cdn.jsdelivr.net/fontsource/fonts/stack-sans-notch@5.2.1/latin-700-normal.woff")
         format("woff");

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}