removed unnecessary UI

package.json

@@ -16,6 +16,7 @@
     "firebase-admin": "^12.7.0",
     "react": "^18.3.0",
     "react-dom": "^18.3.0",
+    "react-router-dom": "^6.28.0",
     "socket.io": "^4.8.1",
     "socket.io-client": "^4.8.1"
   },

src/components/Banner.jsx

@@ -85,9 +85,9 @@ export const Banner = ({ cafes }) => {
             </div>
 
             <div className="banner-buttons">
-                <button className="banner-btn">
+                {/* <button className="banner-btn">
                     Review
-                </button>
+                </button> */}
                 {user ? (
                     <button className="banner-btn" onClick={handleLogout}>
                         Logout

src/components/CafeList.css

@@ -15,8 +15,14 @@
 }
 
 .cafe-list {
-    display: block;
-    flex-grow: 1;
+    width: 100%;
+    align-items: center;
+    justify-content: center;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1rem;
+    padding: 1rem;
+    overflow-y: auto;
 }
 
 .cafe-card {

src/components/CafeList.jsx

@@ -9,7 +9,7 @@ const CafeList = ({ cafes }) => {
 
     return (
         <div className="cafe-list-container">
-            <div className="filter">
+            {/* <div className="filter">
                 <h4>Filter Options</h4>
                 <label>
                     Rating:
@@ -26,7 +26,7 @@ const CafeList = ({ cafes }) => {
                     Location:
                     <input type="text" placeholder="Search by location" />
                 </label>
-            </div>
+            </div> */}
             <div className="cafe-list">
                 {cafes.map((cafe) => (
                     <div