ok

src/pages/CafePage.js

@@ -20,7 +20,7 @@ import Header from "../components/Header";
 
 import { ThreeDots } from "react-loader-spinner";
 
-import { updateLocalStorage } from "../helpers/localStorageHelpers";
+import { updateLocalStorage, removeLocalStorage } from "../helpers/localStorageHelpers";
 import { unsubscribeUser } from "../helpers/subscribeHelpers.js";
 import WelcomePage from "./WelcomePage.js";
 
@@ -108,7 +108,7 @@ function CafePage({
   };
 
   const handleLogout = () => {
-    updateLocalStorage("auth", "");
+    removeLocalStorage("auth");
     unsubscribeUser();
     navigate(0);
   };
@@ -172,9 +172,12 @@ function CafePage({
                   setIsEditMode={(e) => setIsEditMode(e)}
                   isEditMode={isEditMode}
                 />
-                <div style={{ marginTop: "5px" }}></div>
-                <SearchInput shopId={shopId} tableCode={table.tableCode} />
-                <div style={{ marginTop: "15px" }}></div>
+                    <MusicPlayer
+                      socket={socket}
+                      shopId={shopId}
+                      user={user}
+                      isSpotifyNeedLogin={isSpotifyNeedLogin}
+                    />
                 <ItemTypeLister
                   user={user}
                   shopOwnerId={shopOwnerId}
@@ -186,22 +189,8 @@ function CafePage({
                   beingEditedType={beingEditedType}
                   setBeingEditedType={setBeingEditedType}
                 />
-                <div style={{ marginTop: "-13px" }}></div>
-                {filterId === 0 ? (
-                  <>
-                    <h2 className="title">Music Req.</h2>
-                    <MusicPlayer
-                      socket={socket}
-                      shopId={shopId}
-                      user={user}
-                      isSpotifyNeedLogin={isSpotifyNeedLogin}
-                    />
-                  </>
-                ) : (
-                  <div style={{ marginTop: "35px" }}></div>
-                )}
 
-                <div style={{ marginTop: "-15px" }}></div>
+                {/* <div style={{ marginTop: "15px" }}></div> */}
                 {shopItems
                   .filter(
                     (itemType) =>