fix(fe): adjust main page design

[seoeun9]

Description

1. 메인페이지 간격 조정했습니다! 창 좁혔을 때 어색하지 않은지 확인 부탁드립니다
2. 보민님 요청사항 - service card 아이콘 왼쪽->오른쪽 정렬로 변경했습니다!

---

Before submitting the PR, please make sure you do the following

• Read the Contributing Guidelines
• Read the Contributing Guidelines and follow the Commit Convention
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
• Ideally, include relevant tests that fail without this PR but pass with it.

closes TAS-2746

[gemini-code-assist]

Code Review

This pull request refactors the layout of the main page and its subcomponents (InstagramCards, NewProblemCards, and ServiceCards) by removing individual desktop padding (px-10) and centralizing layout constraints and padding (px-4, max-w-[1380px]) in the main page container. Additionally, the feature icon in ServiceCards is now aligned to the right. Feedback suggests replacing the <p> tag wrapping the feature icon with a <div> to maintain proper HTML semantic markup, and reviewing the padding strategy to prevent double-padding issues on mobile screens due to the new top-level px-4 padding.

Important

The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.

[skkuding-bot]

✅ Syncing Preview App Succeeded

Application: frontend
Revision: f7311cec94a3f35bed2a8606a63b5c157dbeac9f
Health Status: Healthy

Open Preview | View in Argo CD

[sONg20NOW]

LGTM 야근 고생하셨습니다!!