Got rid of some gunk, sam porter bridges

client/src/Views/PlayGamePage.jsx

@@ -23,20 +23,7 @@ function PlayGamePage() {
       <header className="App-header">
       <Header pageTitle={pageTitle} />
       <div style={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', padding: '20px' }}>
-      <div style={{
-        boxShadow: '0 4px 8px 0 rgba(0,0,0,0.2)',
-        transition: '0.3s',
-        width: `${boardWidth}px`, // Dynamically set width
-        height: `100px`, 
-        margin: '10px',
-        position: 'relative',
-        overflow: 'hidden',
-        borderRadius: '10px', // Rounded corners
-      }}>
-        <div>
-         
-        </div>
-      </div>
+      
 
       <div style={{
         boxShadow: '0 4px 8px 0 rgba(0,0,0,0.2)',

client/src/components/Header.jsx

@@ -8,33 +8,22 @@ function Header({pageTitle}) {
     const dispatch=useDispatch();
 
     function handleSignOut(){
-     
         signOut(auth).then(() => {
             dispatch(setUser(null));
           }).catch((error) => {
             console.log(error);
           });
-      
-        
-
     }
 
     return (
-      <>
-
-            <h1>{pageTitle}</h1>
-
-            <div className="header-btns">
-
-
-                    <button onClick={handleSignOut} className="btn transparent">
-                      Logout
-                    </button>
-
-               
-            </div>
-    
-      </>
+        <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '10px' }}>
+          <div style={{margin: '10px'}} ><h1>{pageTitle}</h1> </div>
+          <div>
+            <button onClick={handleSignOut} className="btn transparent">
+              Logout
+            </button>
+          </div>
+        </div>
     )
   }