updated ui and added NPED back

src/components/UI/Container.tsx

@@ -4,9 +4,11 @@ import { Outlet } from "react-router";
 
 const Container = () => {
   return (
-    <div>
+    <div className="min-h-screen">
       <Header />
-      <Outlet />
+      <div className="min-h-screen">
+        <Outlet />
+      </div>
       <Footer />
     </div>
   );

src/components/UI/Header.tsx

@@ -90,16 +90,14 @@ export default function Header() {
   const utcStr = formatFromMs(serverNowMs, "utc");
 
   return (
-    <div className="relative bg-[#253445] border-b border-gray-500 items-center mx-auto px-2 sm:px-6 lg:px-8 p-4 flex flex-row justify-between">
-      {/* Left: Logo */}
+    <div className="relative bg-[#253445] border-b border-gray-500 items-center mx-auto px-2 sm:px-6 lg:px-8 p-4 flex flex-col md:flex-row justify-between">
       <div className="w-30">
         <Link to={"/"}>
           <img src={Logo} alt="Logo" width={150} height={150} />
         </Link>
       </div>
-      {/* Right: Texts stacked + icons */}
-      <div className="flex items-center space-x-24 ">
-        <div className="flex flex-col leading-tight text-white tabular-nums text-xl text-right">
+      <div className="flex flex-col md:flex-row items-center space-x-24 justify-items-center">
+        <div className="flex flex-col leading-tight text-white tabular-nums text-xl text-right mx-auto md:mx-10">
           <h2>Local: {localStr}</h2>
           <h2>UTC: {utcStr}</h2>
         </div>