feat : update layoutMain and add max width and change class css(glass)

src/index.css

@@ -37,8 +37,7 @@
     color: #fff;
   }
   .glass {
-    @apply backdrop-blur-[1px] backdrop-saturate-[100%] bg-[rgba(17,25,40,0.25)] rounded-xl;
-    -webkit-backdrop-filter: blur(1px) saturate(10%);
+    @apply bg-[rgba(17,25,40,0.25)] rounded-xl;
   }
   /* برای مرورگرهای WebKit (مثل Chrome و Safari) */
   ::-webkit-scrollbar {

src/layout/index.tsx

@@ -7,16 +7,16 @@ const Layout = () => {
   return (
     <>
       <Particle />
-      <div
-        className={`relative bg-noisy w-full flex flex-col justify-between min-h-screen`}
-      >
-        <div className="relative w-full h-full">
-          <Header />
-          <main className="w-full h-full px-5 py-0">
-            <Outlet />
-          </main>
+      <div className={`relative bg-noisy w-full min-h-screen`}>
+        <div className="relative max-w-[1400px] mx-auto h-full flex flex-col justify-between">
+          <div className="relative w-full h-full">
+            <Header />
+            <main className="w-full h-full px-5 py-0">
+              <Outlet />
+            </main>
+          </div>
+          <Footer />
         </div>
-        <Footer />
       </div>
     </>
   );