fix logo container in tablet and desktop size

src/pages/menu/components/MenuSkeleton/MenuSkeleton.module.css

@@ -38,19 +38,18 @@
 }
 
 .logoContainerIcon {
-  position: absolute;
-  left: 0 !important;
-  top: 127px !important;
+  position: absolute !important;
+  left: 0px !important;
+  top: 127px;
   z-index: 10 !important;
 }
 
-
 :global(.ant-app-rtl) .logo {
   right: 19px;
 }
 
 :global(.ant-app-rtl) .logoContainerIcon {
-  right: -10px;
+  right: -10px !important;
 }
 
 /* Menu Section Styles */
@@ -225,8 +224,22 @@
 @media (min-width: 769px) and (max-width: 1024px) {
   .logo {
     left: 40px;
-    width: 80px;
-    height: 80px;
+    width: 80px !important;
+    height: 80px !important;
+    top: 142px !important;
+  }
+
+  .logoContainerIcon {
+    position: absolute !important;
+    left: 0px !important;
+    top: 133px;
+    z-index: 10 !important;
+    width: 140px !important;
+    height: 100px !important;
+  }
+
+  :global(.ant-app-rtl) .logoContainerIcon {
+    right: -17px !important;
   }
 
   .categoriesContainer {
@@ -299,11 +312,28 @@
 @media (min-width: 1025px) {
   .logo {
     left: 33px;
-    top: 141px;
+    top: 114px !important;
     width: 150px !important;
     height: 150px !important;
   }
 
+  :global(.ant-app-rtl) .logo {
+    right: 28px !important;
+  }
+
+  .logoContainerIcon {
+    position: absolute !important;
+    left: 0px !important;
+    top: 106px;
+    z-index: 10 !important;
+    width: 247px !important;
+    height: 170px !important;
+  }
+
+  :global(.ant-app-rtl) .logoContainerIcon {
+    right: -30px !important;
+  }
+
   .categoriesContainer {
     height: 180px;
     padding: 0 24px;

src/pages/menu/components/MenuSkeleton/MenuSkeleton.tsx

@@ -120,7 +120,7 @@ const MenuSkeleton = ({
         {/* Logo Skeleton */}
         <LogoContainerIcon className={styles.logoContainerIcon} />
         <div className={styles.logo}>
-          <Skeleton.Image active />
+          <Skeleton.Image active style={{ width: 160, height: 160 }} />
         </div>
       </div>
       <div className={`${styles.pageContainer} ${styles.skeletonContainer}`}>