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/home.tsx

@@ -73,9 +73,9 @@ export default function Home() {
   }, [searchQuery, refetch]);
 
   return (
-    <div className="min-h-screen bunny-dark static-triangles">
+    <div className="min-h-screen bunny-dark static-triangles" 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 */}