전체 페이지 헤더 여백 통일 및 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/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">
             
             <!-- 상단 네비게이션 바 -->