implement logo container and handle rtl styles

src/pages/menu/page.tsx

@@ -1,6 +1,7 @@
 import { StarFilled } from "@ant-design/icons";
 import { Image, Select, Space } from "antd";
 import { FloatingButton } from "components/FloatingButton/FloatingButton";
+import LogoContainerIcon from "components/Icons/LogoContainerIcon";
 import ImageWithFallback from "components/ImageWithFallback";
 import LoyaltyCard from "components/LoyaltyCard/LoyaltyCard";
 import ProText from "components/ProText";
@@ -83,18 +84,7 @@ function MenuPage() {
               width={"100%"}
               preview={false}
             />
-            <div className={styles.leftShape}></div>
-            <div className={styles.rightShape}></div>
-            {/* <ResponsiveServices
-              orderType={orderType}
-              translations={{
-                common: {
-                  dineIn: translations.common?.dineIn || "Dine In",
-                  pickup: translations.common?.pickup || "Pickup",
-                  more: translations.common?.more || "More",
-                },
-              }}
-            /> */}
+            <LogoContainerIcon className={styles.logoContainerIcon} />
             <div
               className={`${styles.headerFloatingBtn} ${styles.backButtonContainer}`}
             >