events in schedule (#446)

Co-authored-by: Prince Kumar <x.prince.x@outlook.com>

Author: metamyteee

src/components/Calendar/CalenderComponent/Labels.tsx

@@ -3,14 +3,14 @@ import GlobalContext from "../context/GlobalContext";
 import { labelsClasses } from "../context/ContextWrapper";
 
 let colors =
-  "text-green-400 text-red-400 text-indigo-400 text-gray-400 text-blue-400 text-purple-400";
+  "text-green-400 text-red-400 text-indigo-400 text-gray-400 text-blue-400 text-purple-400 text-yellow-400";
 export default function Labels() {
   const { labels, updateLabel } = useContext(GlobalContext);
 
   return (
     <React.Fragment>
       <p className="text-white font-bold ">Label</p>
-      {Array.from(labelsClasses.entries()).map(([label, color], idx) => {
+      {Array.from(labelsClasses.entries()).map(([label, colors], idx) => {
         const checked =
           labels.find((lbl) => lbl.label === label)?.checked || false;
         return (
@@ -19,7 +19,7 @@ export default function Labels() {
               type="checkbox"
               checked={checked}
               onChange={() => updateLabel({ label, checked: !checked })}
-              className={`form-checkbox h-5 w-5 text-${color}-400 rounded focus:ring-0 cursor-pointer`}
+              className={`form-checkbox h-5 w-5 text-${colors}-400 rounded focus:ring-0 cursor-pointer`}
             />
             <span className="ml-2 text-white font-medium capitalize">
               {label}

src/components/Calendar/context/ContextWrapper.tsx

@@ -16,6 +16,7 @@ export const labelsClasses = new Map([
   ["COMPLETED", "blue"],
   ["APPLICATION", "purple"],
   ["POLL", "gray"],
+  ["EVENTS","yellow"],
 ]);
 
 function savedEventsReducer(