fix calendar

resources/views/modals/calendar-modal.blade.php

           <div class="max-w-sm w-full shadow-lg">
               <div class="md:p-8 p-5 bg-babyblue rounded-t">
                   <div class="flex items-center justify-center">
-                      <span  tabindex="0" class="focus:outline-none  text-base font-bold dark:text-gray-100 text-gray-800">August 2024</span>
+                      <span  tabindex="0" class="focus:outline-none  text-base font-bold text-gray-800">August 2024</span>
                   </div>
                   <div class="flex items-center justify-between pt-12 overflow-x-auto">
                       <table class="w-full">
                               <tr>
                                   <th>
                                       <div class="w-full flex justify-center">
-                                          <p class="text-base font-medium text-center text-gray-800 dark:text-gray-100">Mo</p>
+                                          <p class="text-base font-medium text-center text-gray-800">Mo</p>
                                       </div>
                                   </th>
                                   <th>
                                       <div class="w-full flex justify-center">
-                                          <p class="text-base font-medium text-center text-gray-800 dark:text-gray-100">Tu</p>
+                                          <p class="text-base font-medium text-center text-gray-800">Tu</p>
                                       </div>
                                   </th>
                                   <th>
                                       <div class="w-full flex justify-center">
-                                          <p class="text-base font-medium text-center text-gray-800 dark:text-gray-100">We</p>
+                                          <p class="text-base font-medium text-center text-gray-800">We</p>
                                       </div>
                                   </th>
                                   <th>
                                       <div class="w-full flex justify-center">
-                                          <p class="text-base font-medium text-center text-gray-800 dark:text-gray-100">Th</p>
+                                          <p class="text-base font-medium text-center text-gray-800">Th</p>
                                       </div>
                                   </th>
                                   <th>
                                       <div class="w-full flex justify-center">
-                                          <p class="text-base font-medium text-center text-gray-800 dark:text-gray-100">Fr</p>
+                                          <p class="text-base font-medium text-center text-gray-800">Fr</p>
                                       </div>
                                   </th>
                                   <th>
                                       <div class="w-full flex justify-center">
-                                          <p class="text-base font-medium text-center text-gray-800 dark:text-gray-100">Sa</p>
+                                          <p class="text-base font-medium text-center text-gray-800">Sa</p>
                                       </div>
                                   </th>
                                   <th>
                                       <div class="w-full flex justify-center">
-                                          <p class="text-base font-medium text-center text-gray-800 dark:text-gray-100">Su</p>
+                                          <p class="text-base font-medium text-center text-gray-800">Su</p>
                                       </div>
                                   </th>
                               </tr>
                                   </td>
                                   <td class="pt-6">
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">1</p>
+                                          <p class="text-base text-gray-500 font-medium">1</p>
                                       </div>
                                   </td>
                                   <td class="pt-6">
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">2</p>
+                                          <p class="text-base text-gray-500 font-medium">2</p>
                                       </div>
                                   </td>
                                   <td class="pt-6">
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100">3</p>
+                                          <p class="text-base text-gray-500">3</p>
                                       </div>
                                   </td>
                                   <td class="pt-6">
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100">4</p>
+                                          <p class="text-base text-gray-500">4</p>
                                       </div>
                                   </td>
                               </tr>
                               <tr>
                                   <td>
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">5</p>
+                                          <p class="text-base text-gray-500 font-medium">5</p>
                                       </div>
                                   </td>
                                   <td>
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">6</p>
+                                          <p class="text-base text-gray-500 font-medium">6</p>
                                       </div>
                                   </td>
                                   <td>
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">7</p>
+                                          <p class="text-base text-gray-500 font-medium">7</p>
                                       </div>
                                   </td>
                                   <td>
                                     <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                        <p class="text-base text-gray-500 dark:text-gray-100 font-medium">8</p>
+                                        <p class="text-base text-gray-500 font-medium">8</p>
                                     </div>
                                   </td>
                                   <td>
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">9</p>
+                                          <p class="text-base text-gray-500 font-medium">9</p>
                                       </div>
                                   </td>
                                   <td>
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100">10</p>
+                                          <p class="text-base text-gray-500">10</p>
                                       </div>
                                   </td>
                                   <td>
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100">11</p>
+                                          <p class="text-base text-gray-500">11</p>
                                       </div>
                                   </td>
                               </tr>
                               <tr>
                                   <td>
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">12</p>
+                                          <p class="text-base text-gray-500 font-medium">12</p>
                                       </div>
                                   </td>
                                   <td>
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">13</p>
+                                          <p class="text-base text-gray-500 font-medium">13</p>
                                       </div>
                                   </td>
                                   <td>
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">14</p>
+                                          <p class="text-base text-gray-500 font-medium">14</p>
                                       </div>
                                   </td>
                                   <td>
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">15</p>
+                                          <p class="text-base text-gray-500 font-medium">15</p>
                                       </div>
                                   </td>
                                   <td>
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">16</p>
+                                          <p class="text-base text-gray-500 font-medium">16</p>
                                       </div>
                                   </td>
                                   <td>
                                   </td>
                                   <td>
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100">18</p>
+                                          <p class="text-base text-gray-500">18</p>
                                       </div>
                                   </td>
                               </tr>
                               <tr>
                                   <td>
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">19</p>
+                                          <p class="text-base text-gray-500 font-medium">19</p>
                                       </div>
                                   </td>
                                   <td>
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">20</p>
+                                          <p class="text-base text-gray-500 font-medium">20</p>
                                       </div>
                                   </td>
                                   <td>
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">21</p>
+                                          <p class="text-base text-gray-500 font-medium">21</p>
                                       </div>
                                   </td>
                                   <td>
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">22</p>
+                                          <p class="text-base text-gray-500 font-medium">22</p>
                                       </div>
                                   </td>
                                   <td>
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">23</p>
+                                          <p class="text-base text-gray-500 font-medium">23</p>
                                       </div>
                                   </td>
                                   <td>
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100">24</p>
+                                          <p class="text-base text-gray-500">24</p>
                                       </div>
                                   </td>
                                   <td>
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100">25</p>
+                                          <p class="text-base text-gray-500">25</p>
                                       </div>
                                   </td>
                               </tr>
                               <tr>
                                   <td>
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">26</p>
+                                          <p class="text-base text-gray-500 font-medium">26</p>
                                       </div>
                                   </td>
                                   <td>
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">27</p>
+                                          <p class="text-base text-gray-500 font-medium">27</p>
                                       </div>
                                   </td>
                                   <td>
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">28</p>
+                                          <p class="text-base text-gray-500 font-medium">28</p>
                                       </div>
                                   </td>
                                   <td>
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">29</p>
+                                          <p class="text-base text-gray-500 font-medium">29</p>
                                       </div>
                                   </td>
                                   <td>
                                       <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                          <p class="text-base text-gray-500 dark:text-gray-100 font-medium">30</p>
+                                          <p class="text-base text-gray-500 font-medium">30</p>
                                       </div>
                                   </td>
                                   <td>
                                     <div class="px-2 py-2 cursor-pointer flex w-full justify-center">
-                                        <p class="text-base text-gray-500 dark:text-gray-100">31</p>
+                                        <p class="text-base text-gray-500">31</p>
                                     </div>
                                 </td>
                               </tr>