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,9 +7,8 @@ const Layout = () => {
   return (
     <>
       <Particle />
-      <div
-        className={`relative bg-noisy w-full flex flex-col justify-between min-h-screen`}
-      >
+      <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">
@@ -18,6 +17,7 @@ const Layout = () => {
           </div>
           <Footer />
         </div>
+      </div>
     </>
   );
 };