[FIx] Adjust contents size, Sync schedule color

-import { useContext } from "react";
-
-import { CalendarStateContext } from "../pages/Calendar";
 import zoomSymbol from "../assets/zoom.png";
 import zoomSymbol from "../assets/zoom.png";
 import ecampusSymbol from "../assets/e-Campus.png";
 import ecampusSymbol from "../assets/e-Campus.png";
 
 
@@ -32,7 +29,7 @@ const ScheduleItem = ({ schedule }) => {
   };
   };
 
 
   return (
   return (
-    <div className="ScheduleItem" style={{ borderColor: subjectColor }}>
+    <div className="ScheduleItem" style={{ borderColor: "#" + subjectColor }}>
       <img className="s_symbol" src={selectSymbol()} alt="404" />
       <img className="s_symbol" src={selectSymbol()} alt="404" />
       {startTime && (
       {startTime && (
         <span className="s_start">{startTime[0] + ":" + startTime[1]}</span>
         <span className="s_start">{startTime[0] + ":" + startTime[1]}</span>

@@ -48,7 +48,6 @@ button:disabled {
 }
 }
 
 
 .ScheduleItem {
 .ScheduleItem {
-  height: 23px;
   display: flex;
   display: flex;
   margin: 1px 0 1px 0;
   margin: 1px 0 1px 0;
   border: solid 3px bisque;
   border: solid 3px bisque;

 aside {
 aside {
   width: 220px;
   width: 220px;
+  flex-shrink: 0;
   margin-right: 8px;
   margin-right: 8px;
   padding-top: 50px;
   padding-top: 50px;
 }
 }