전체 페이지 헤더 여백 통일 및 z-index 충돌 해결

주요 변경사항:
- story-reader.html: pt-4 → pt-20
- pdf-manager.html: py-8 → pt-20 pb-8
- upload.html: py-8 → pt-20 pb-8
- index.html: py-8 → pt-20 pb-8
- search.html: py-8 → pt-20 pb-8
- memo-tree.html: pt-16 → pt-20
- notebooks.html: py-8 → pt-20 pb-8
- notes.html: py-8 → pt-20 pb-8

헤더(h-16, z-50)와의 충돌을 방지하기 위해 모든 페이지의 상단 여백을 pt-20(80px)으로 통일

frontend/index.html

@@ -58,7 +58,7 @@
         <div id="header-container"></div>
 
         <!-- 메인 컨텐츠 -->
-        <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+        <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-20 pb-8">
             <!-- 로그인하지 않은 경우 -->
             <template x-if="!isAuthenticated">
                 <div class="text-center py-16">

frontend/memo-tree.html

@@ -656,7 +656,7 @@
     </div>
 
     <!-- 메인 컨테이너 -->
-    <div class="h-screen pt-16" x-show="currentUser">
+    <div class="h-screen pt-20" x-show="currentUser">
         <!-- 상단 툴바 -->
         <div class="bg-white border-b shadow-sm p-4">
             <div class="flex items-center justify-between">

frontend/notebooks.html

@@ -42,7 +42,7 @@
     <div id="header-container"></div>
 
     <!-- 메인 컨텐츠 -->
-    <main class="container mx-auto px-4 py-8">
+    <main class="container mx-auto px-4 pt-20 pb-8">
         <!-- 페이지 헤더 -->
         <div class="mb-8">
             <div class="flex items-center justify-between mb-6">

frontend/notes.html

@@ -28,7 +28,7 @@
     <div id="header-container"></div>
 
     <!-- 메인 컨텐츠 -->
-    <main class="container mx-auto px-4 py-8">
+    <main class="container mx-auto px-4 pt-20 pb-8">
         <!-- 페이지 헤더 -->
         <div class="mb-8">
             <div class="flex items-center justify-between mb-6">

frontend/pdf-manager.html

@@ -22,7 +22,7 @@
     <div id="header-container"></div>
 
     <!-- 메인 컨텐츠 -->
-    <main class="container mx-auto px-4 py-8">
+    <main class="container mx-auto px-4 pt-20 pb-8">
         <!-- 페이지 헤더 -->
         <div class="mb-8">
             <div class="flex items-center justify-between mb-4">

frontend/search.html

@@ -168,7 +168,7 @@
     <div id="header-container"></div>
 
     <!-- 메인 컨테이너 -->
-    <div class="container mx-auto px-4 py-8">
+    <div class="container mx-auto px-4 pt-20 pb-8">
         <!-- 페이지 헤더 -->
         <div class="text-center mb-12">
             <h1 class="text-4xl font-bold text-gray-900 mb-4">

frontend/story-reader.html

@@ -46,7 +46,7 @@
     <div id="header-container"></div>
 
     <!-- 메인 컨테이너 -->
-    <div class="min-h-screen pt-4" x-show="currentUser">
+    <div class="min-h-screen pt-20" x-show="currentUser">
         <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
             
             <!-- 상단 네비게이션 바 -->

frontend/upload.html

@@ -38,7 +38,7 @@
     <div id="header-container"></div>
 
     <!-- 메인 컨텐츠 -->
-    <main class="container mx-auto px-4 py-8">
+    <main class="container mx-auto px-4 pt-20 pb-8">
         <!-- 페이지 헤더 -->
         <div class="mb-8">
             <div class="flex items-center space-x-4 mb-4">