adding a lot of ui changes and dynamic all

pages/teams/[teamid].tsx

@@ -78,8 +78,6 @@ function TeamDashboard() {
     };
   }, []);
 
-  console.log(teamDashboardContext);
-
   return (
     <div className="container mx-auto py-10 px-10 flex flex-col space-y-5">
       <Header />

pages/teams/dashboard.tsx

@@ -621,8 +621,9 @@ export default function Dashboard() {
                                         <FaBell className='text-sm text-orange-500' />
                                     </button>
 
-                                    <BsThreeDots className='text-white ml-2 hover:cursor-pointer' />                                        </span>
-                                </span>
+                                    <BsThreeDots className='text-white ml-2 hover:cursor-pointer' />                                        
+                                    </span>
+                            </span>
 
                             {/* recurring room - wine wednesdays */}
                             <span className='flex flex-col bg-gray-300 bg-opacity-25 rounded-lg justify-between w-96 max-w-screen-sm m-2 overflow-clip'>