seeding initial office rooms and showing them

pages/teams/[teamid].tsx

@@ -19,6 +19,7 @@ import TeamService from "../../services/teamService";
 import UserService from "../../services/userService";
 import Announcements from "../../components/Dashboard/Announcements";
 import Links from "../../components/Dashboard/Links";
+import Office from "../../components/Dashboard/Office";
 
 // User has switched back to the tab
 const onFocus = () => {
@@ -87,6 +88,8 @@ function TeamDashboard() {
       <div className="flex flex-row items-baseline space-x-5 space-y-5">
         <div className="flex flex-col max-w-sm space-y-5">
           <TeamVoiceLine />
+
+          <Office />
         </div>
 
         <div className="flex flex-col space-y-5 flex-1 overflow-auto">