[Feature] #130 강번따 및 산책 완료 기능 구현

[ruehan]

✅ PR Checklist

• 불필요한 코드 중복이 없습니다.
• 민감한 정보를 포함하지 않았습니다.
• 불필요한 콘솔 로그나 주석을 포함하지 않았습니다.
• 컴포넌트 key값에 고유한 값을 할당했습니다.

📝 Summary

🔗 ISSUE : #130

강번따 기능 구현 및 같이 산책하기 기능을 구현했습니다.
산책 완료 시 산책 완료 페이지를 보여주도록 구현했습니다.
추후 리팩토링 진행하겠습니다

🖼️ Screenshots

Close #130

[github-actions]

⚡ Lighthouse Reports

http://localhost:4173/

Performance Metrics

Category	Score
Performance	🟠 63
Accessibility	🟢 100
Best Practices	🟠 75
SEO	🟢 100

Detailed Metrics

Metric	Value
First Contentful Paint	🔴 3.1 s
Largest Contentful Paint	🔴 5.2 s
Total Blocking Time	🟠 450 ms
Cumulative Layout Shift	🟢 0
Speed Index	🟠 3.7 s

Security Checks

Check	Status	Details
CSP-XSS	⚠️	Ensure CSP is effective against XSS attacks

http://localhost:4173/log

Performance Metrics

Category	Score
Performance	🟠 81
Accessibility	🟢 100
Best Practices	🟠 75
SEO	🟢 100

Detailed Metrics

Metric	Value
First Contentful Paint	🟠 2.6 s
Largest Contentful Paint	🔴 4.4 s
Total Blocking Time	🟢 30 ms
Cumulative Layout Shift	🟢 0
Speed Index	🟢 2.6 s

Security Checks

Check	Status	Details
CSP-XSS	⚠️	Ensure CSP is effective against XSS attacks

http://localhost:4173/login

Performance Metrics

Category	Score
Performance	🟢 95
Accessibility	🟢 100
Best Practices	🟠 75
SEO	🟢 100

Detailed Metrics

Metric	Value
First Contentful Paint	🟠 2.1 s
Largest Contentful Paint	🟠 2.6 s
Total Blocking Time	🟢 20 ms
Cumulative Layout Shift	🟢 0
Speed Index	🟢 2.1 s

Security Checks

Check	Status	Details
CSP-XSS	⚠️	Ensure CSP is effective against XSS attacks

http://localhost:4173/mypage

Performance Metrics

Category	Score
Performance	🟠 72
Accessibility	🟢 97
Best Practices	🟠 83
SEO	🟢 92

Detailed Metrics

Metric	Value
First Contentful Paint	🔴 3.1 s
Largest Contentful Paint	🔴 6.0 s
Total Blocking Time	🟢 90 ms
Cumulative Layout Shift	🟢 0.001
Speed Index	🟢 3.1 s

Security Checks

Check	Status	Details
CSP-XSS	⚠️	Ensure CSP is effective against XSS attacks

http://localhost:4173/profile/:id

Performance Metrics

Category	Score
Performance	🟠 82
Accessibility	🟢 97
Best Practices	🟠 75
SEO	🟢 100

Detailed Metrics

Metric	Value
First Contentful Paint	🔴 3.1 s
Largest Contentful Paint	🟠 4.0 s
Total Blocking Time	🟢 40 ms
Cumulative Layout Shift	🟢 0.001
Speed Index	🟢 3.1 s

Security Checks

Check	Status	Details
CSP-XSS	⚠️	Ensure CSP is effective against XSS attacks