cleaning up some of the rooms with a scroll

components/Dashboard/Rooms.tsx

@@ -1,35 +1,14 @@
 import React, { useState } from "react";
-import { render } from "react-dom";
-import {
-  FaMicrophoneAlt,
-  FaHeadphonesAlt,
-  FaTh,
-  FaAngleDown,
-  FaPlusSquare,
-  FaBroom,
-  FaBell,
-  FaFilePdf,
-  FaCopy,
-  FaClock,
-  FaPlay,
-  FaPlus,
-  FaCheck,
-  FaCode,
-  FaLink,
-  FaExternalLinkAlt,
-  FaArchive,
-  FaAtlassian,
-  FaSearch,
-} from "react-icons/fa";
-import { IoPulseOutline, IoRemoveOutline, IoTimer } from "react-icons/io5";
+
+import { FaAngleDown, FaBell, FaClock, FaPlus, FaLink } from "react-icons/fa";
+import { IoTimer } from "react-icons/io5";
 import { BsThreeDots } from "react-icons/bs";
 import Image from "next/image";
 
 export default function DashboardRoom() {
-  const [count, setCount] = useState(0);
-
   return (
     <section className="p-5 flex flex-col bg-gray-100 bg-opacity-25 rounded-lg shadow-md">
+      {/* header */}
       <span className="flex flex-row justify-end space-x-3 pb-5 items-center">
         <span className="text-white mr-auto">
           ROOMS
@@ -72,7 +51,7 @@ export default function DashboardRoom() {
       </span>
 
       {/* all rooms */}
-      <span className="flex flex-row flex-wrap">
+      <span className="flex flex-row flex-wrap max-h-96 overflow-auto">
         {/* spontaneous bugs room */}
         <span className="flex flex-col bg-white bg-opacity-80 rounded-lg justify-between w-96 max-w-screen-sm m-2 overflow-clip">
           {/* header */}

components/Layouts/BackgroundLayout.js

@@ -1,6 +1,6 @@
 export default function BackgroundLayout({ children }) {
   return (
-    <div id="bg" className="text-white min-w-full min-w-screen">
+    <div id="bg" className="text-white min-w-full min-h-screen">
       {children}
     </div>
   );

pages/teams/[teamid].tsx

@@ -81,10 +81,10 @@ function TeamDashboard() {
   console.log(teamDashboardContext);
 
   return (
-    <div className="container mx-auto max-w-screen-xl py-10 px-10 flex flex-col space-y-5">
+    <div className="container mx-auto py-10 px-10 flex flex-col space-y-5">
       <Header />
 
-      <div className="flex flex-row items-baseline space-x-5 space-y-5 flex-wrap">
+      <div className="flex flex-row items-baseline space-x-5 space-y-5">
         <TeamVoiceLine />
 
         <Rooms />