updated top horizontal paddings for mobile screen optimization

Author: anasfarock

src/components/TopHeader/TopHeader.jsx

@@ -32,7 +32,7 @@ export default function TopHeader() {
   }, [messages.length]);
 
   return (
-    <header className="w-full bg-[#0D1B2A] text-white text-sm fixed py-2 px-4 flex items-center justify-between z-50">
+    <header className="w-full bg-[#0D1B2A] text-white text-sm fixed py-2 px-2 flex items-center justify-between z-50">
       {/* Center Promo Message */}
       <div className="flex-1 text-center font-medium">
         <p className="transition-opacity duration-500 ease-in-out">