[EC-98] feat: 과정 관리자 회의실 예약 UI 구현 (#79)

Author: seun9yeon

client/src/components/dashBoardItem/DashBoardItem.jsx

@@ -1,6 +1,8 @@
 import React from 'react'
 import styles from "./DashBoardItem.module.css"
 
-export default function DashBoardItem({ width, children }) {
-  return <div style={{ width: `${width}` }} className={styles.DashBoardItem}>{children}</div>;
+export default function DashBoardItem({ width, title }) {
+  return (
+    <div style={{ width: `${width}` }} className={styles.DashBoardItem}>{title}</div>
+  );
 }

client/src/pages/staffRoomReservation/StaffRoomReservation.jsx

@@ -1,8 +1,11 @@
 import React from 'react'
 import styles from "./StaffRoomReservation.module.css"
+import DashBoardItem from "../../components/dashBoardItem/DashBoardItem"
 
 export default function StaffRoomReservation() {
   return (
-    <div>StaffRoomReservation</div>
+    <div className={styles.roomDashBoardItem}>
+      <DashBoardItem title="예약 현황"></DashBoardItem>
+    </div>
   )
 }

client/src/pages/staffRoomReservation/StaffRoomReservation.module.css

@@ -0,0 +1,3 @@
+.roomDashBoardItem {
+  padding: var(--padding-medium)  
+}