Prevent header from sticking to the top of the page on all pages

Introduce a new CSS class `header-non-sticky` to override default sticky positioning of headers across various pages (Home, VideoPage, FolxStadlPage, NotFound). This ensures the header remains static and does not obscure content.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/Z1wmn8z

client/src/pages/FolxStadlPage.tsx

@@ -55,9 +55,9 @@ export default function FolxStadlPage() {
   }
 
   return (
-    <div className="min-h-screen bg-bunny-dark text-white">
+    <div className="min-h-screen bg-bunny-dark text-white" style={{position: 'static'}}>
       {/* Header */}
-      <div className="bg-transparent relative overflow-hidden" style={{position: 'static'}}>
+      <div className="bg-transparent relative overflow-hidden header-non-sticky" style={{position: 'static'}}>
         <div className="max-w-7xl mx-auto px-4 py-4">
           <div className="flex items-center justify-between">
             {/* Left side - Logo */}