style: make topbar fixed transparent floating header

src/App.tsx

@@ -350,8 +350,27 @@ function App() {
 
   return (
     <div className="ecommerce-standalone web-shell" data-theme="dark" data-ui-theme="dark-green" data-view="ecommerce">
-      <header className="ecommerce-standalone__topbar">
-        <button type="button" className="ecommerce-standalone__brand" onClick={handleOpenWorkspace}>
+      <header
+        className="ecommerce-standalone__topbar"
+        style={{
+          position: "fixed",
+          top: 0,
+          left: 0,
+          right: 0,
+          zIndex: 1000,
+          pointerEvents: "none",
+          background: "transparent !important",
+          border: "none !important",
+          boxShadow: "none !important",
+          backdropFilter: "none !important",
+        }}
+      >
+        <button
+          type="button"
+          className="ecommerce-standalone__brand"
+          style={{ pointerEvents: "auto" }}
+          onClick={handleOpenWorkspace}
+        >
           <span className="ecommerce-standalone__logo" aria-hidden="true">
             <img src="https://stringtest.oss-cn-hangzhou.aliyuncs.com/logo.png" alt="" />
           </span>
@@ -366,6 +385,7 @@ function App() {
               <button
                 type="button"
                 className="ecommerce-profile-menu__trigger"
+                style={{ background: "transparent !important", border: "none !important", boxShadow: "none !important", pointerEvents: "auto" }}
                 onClick={() => setProfileMenuOpen((open) => !open)}
                 aria-haspopup="dialog"
                 aria-expanded={profileMenuOpen}