Make the website header sticky and visually enhanced

Implement a sticky header with improved styling, including background blur and border, across multiple pages by changing CSS classes and ensuring proper positioning.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 051a65da-1176-4478-a61c-c662f2a15536
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/051a65da-1176-4478-a61c-c662f2a15536/qNN47yK

client/src/pages/FolxStadlPage.tsx

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