fix(layout): 공개 페이지 2중 패딩 제거

- 레이아웃 그리드의 px만 남기고 메인/섹션의 중복 px를 제거.

Co-authored-by: Cursor <cursoragent@cursor.com>

pages/index.vue

@@ -204,7 +204,7 @@ const scrollFeatured = (direction) => {
 
 <template>
   <MainColumn>
-    <section class="px-5 py-6 sm:px-6 md:py-8">
+    <section class="py-6 md:py-8">
       <div class="mx-auto flex max-w-[720px] flex-col-reverse gap-6">
         <div class="z-[2] flex flex-col items-center justify-center gap-2 text-center">
           <h1 class="text-xl font-semibold leading-[1.125] md:text-2xl">
@@ -226,7 +226,7 @@ const scrollFeatured = (direction) => {
       </div>
     </section>
 
-    <section class="px-5 py-4 sm:px-6">
+    <section class="py-4">
       <div class="mx-auto max-w-[720px]">
         <div class="flex items-end justify-between gap-2 border-b border-[var(--site-line)] pb-2">
           <h2 class="text-sm font-medium uppercase site-muted">Featured</h2>
@@ -281,7 +281,7 @@ const scrollFeatured = (direction) => {
       </div>
     </section>
 
-    <section class="px-5 py-4 sm:px-6">
+    <section class="py-4">
       <div class="mx-auto max-w-[720px]">
         <div class="flex items-end justify-between gap-2 border-b border-[var(--site-line)] pb-2">
           <h2 class="text-sm font-medium uppercase site-muted">Latest</h2>