implement logo container and handle rtl styles

src/components/Icons/LogoContainerIcon.tsx

@@ -0,0 +1,25 @@
+interface logoContainerIconType {
+  className?: string;
+  onClick?: () => void;
+}
+
+const LogoContainerIcon = ({ className, onClick }: logoContainerIconType) => {
+  return (
+    <svg
+      width="118"
+      height="82"
+      viewBox="0 0 118 82"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      onClick={onClick}
+    >
+      <path
+        d="M54 0C76.0914 0 94 17.9086 94 40C94 47.3496 99.1148 55 106.464 55H107.165C113.149 55 118 59.851 118 65.8349V68.5C118 75.9558 111.956 82 104.5 82H4.5C-2.95584 82 -9 75.9558 -9 68.5V65.4323C-9 59.6707 -4.28753 55 1.47406 55C8.82363 55 14 47.3496 14 40C14 17.9086 31.9086 0 54 0Z"
+        fill="#F7F7F7"
+      />
+    </svg>
+  );
+};
+
+export default LogoContainerIcon;