fix logo container in tablet and desktop size

src/layouts/app/HeaderMenuDrawer.tsx

@@ -6,8 +6,8 @@ import ProText from "components/ProText";
 import { useState } from "react";
 import { useGetMenuQuery } from "redux/api/others";
 import { useAppSelector } from "redux/hooks";
-import { darkColors, lightColors } from "ThemeConstants";
 import useHeaderMenu from "./hooks/useHeaderMenu";
+import "./styles.css";
 
 const { useBreakpoint } = Grid;
 
@@ -55,26 +55,7 @@ export default function HeaderMenuDrawer() {
   return (
     <>
       {!isLoadingMenu && (
-        <div
-          style={{
-            display: "flex",
-            justifyContent: "space-between",
-            position: "fixed",
-            zIndex: 999,
-            [isRTL ? "left" : "right"]: 0,
-            top: 220,
-            backgroundColor:
-              themeName === "dark"
-                ? darkColors.secondaryBgColor
-                : lightColors.secondaryBgColor,
-            [isRTL ? "borderTopRightRadius" : "borderTopLeftRadius"]: 10,
-            [isRTL ? "borderBottomRightRadius" : "borderBottomLeftRadius"]: 10,
-            border:
-              themeName === "dark"
-                ? "1px solid var(--border)"
-                : "1px solid var(--border)",
-          }}
-        >
+        <div className="header-floating-btn">
           <Button
             type="text"
             icon={isRTL ? <NextIcon /> : <BackIcon />}