fix: sticky scolling

Author: Flo0806

app/pages/code/[...path].vue

@@ -296,9 +296,9 @@ useSeoMeta({
 </script>
 
 <template>
-  <main class="min-h-screen flex flex-col">
+  <main class="flex-1 flex flex-col">
     <!-- Header -->
-    <header class="border-b border-border bg-bg sticky top-0 z-10">
+    <header class="border-b border-border bg-bg sticky top-14 z-20">
       <div class="container py-4">
         <!-- Package info and navigation -->
         <div class="flex items-center gap-2 mb-3 flex-wrap min-w-0">
@@ -383,10 +383,10 @@ useSeoMeta({
     </div>
 
     <!-- Main content: file tree + file viewer -->
-    <div v-else-if="fileTree" class="flex-1 flex min-h-0">
-      <!-- File tree sidebar -->
+    <div v-else-if="fileTree" class="flex flex-1">
+      <!-- File tree sidebar - sticky with internal scroll -->
       <aside
-        class="w-64 lg:w-72 border-r border-border overflow-y-auto shrink-0 hidden md:block bg-bg-subtle"
+        class="w-64 lg:w-72 border-r border-border shrink-0 hidden md:block bg-bg-subtle sticky top-28 self-start h-[calc(100vh-7rem)] overflow-y-auto"
       >
         <CodeFileTree
           :tree="fileTree.tree"
@@ -395,8 +395,10 @@ useSeoMeta({
         />
       </aside>
 
-      <!-- File content / Directory listing -->
-      <div class="flex-1 overflow-auto min-w-0">
+      <!-- File content / Directory listing - sticky with internal scroll on desktop -->
+      <div
+        class="flex-1 min-w-0 md:sticky md:top-28 md:self-start md:h-[calc(100vh-7rem)] md:overflow-y-auto"
+      >
         <!-- File viewer -->
         <template v-if="isViewingFile && fileContent">
           <div