feat(member): 회원 설정/헤더 상태 UI와 관리자 멤버 관리 추가

로그인 상태를 헤더에서 즉시 인지하고 계정 관리를 이어갈 수 있도록 사용자 설정과 관리자 멤버 관측 기능을 연결했다.

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

pages/index.vue

@@ -204,7 +204,7 @@ const scrollFeatured = (direction) => {
 
 <template>
   <MainColumn>
-    <section class="py-6 md:py-8">
+    <section class="py-6 px-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="py-4">
+    <section class="py-4 px-6">
       <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="py-4">
+    <section class="py-4 px-6">
       <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>