refactor: 텐서 모델 호출 최적화

[ssolfa]

ISSUE ✅ : FEATURE

📖 DESCRIPTION

refactor: 텐서 모델 호출 최적화

현재 Camera 페이지에서 모델을 직접 로드하고 있어 페이지 접근마다 모델을 다시 로드하는 문제가 있습니다.

AS-IS:

• 각 페이지(Camera)에서 필요할 때마다 AI 모델을 로드
• 페이지 이동 시 모델이 언마운트되어 다시 로딩 필요
• 모델 로드 시간으로 인한 사용자 대기 시간 발생

TO-BE:

• Context API를 활용하여 앱 레벨에서 모델을 관리
• 웹앱 시작 시 백그라운드에서 모델을 미리 로드
• Camera 페이지에서는 글로벌 컨텍스트의 모델을 활용
• 페이지 간 이동에도 모델 상태 유지
• Camera 컴포넌트를 별도 파일로 분리하여 코드 가독성 개선

Figma View

작업하시는 내용의 피그마 이미지를 첨부해주세요

TODO

• Context API를 사용한 ModelProvider 컴포넌트 구현
• 앱 시작 시 백그라운드에서 모델 로드 로직 구현 (layout.tsx)
• useModel 커스텀 훅 생성하여 컴포넌트에서 쉽게 모델 접근할 수 있도록 개선
• Camera 컴포넌트를 별도 파일로 분리
• Camera 페이지에서 글로벌 모델 컨텍스트 사용하도록 수정
• 페이지 전환 시 모델 상태 유지 확인 및 테스트

ETC

• 모델 로딩 상태 표시를 위한 UI 개선 필요 여부 검토
• 모바일 환경에서 모델 로드 성능 테스트 필요

[ssolfa]

• 위치, 음성, 카메라 등의 모든 권한 허용을 앱 시작시 실행하도록 함