From 932ccdfbdcc3f45919a99d24a5675f4a4c9d9234 Mon Sep 17 00:00:00 2001
From: Reinder Kraaij <kraaij@astron.nl>
Date: Fri, 29 Dec 2023 13:04:37 +0100
Subject: [PATCH] Pin Date for App

---
 .../src/tests/__snapshots__/app.test.js.snap  | 156 +++++++++---------
 .../__snapshots__/report.project.test.js.snap |  60 +++++++
 .../tmss_webapp/src/tests/app.test.js         |   4 +
 3 files changed, 138 insertions(+), 82 deletions(-)

diff --git a/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/app.test.js.snap b/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/app.test.js.snap
index 9863ac3f870..0df9a564374 100644
--- a/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/app.test.js.snap
+++ b/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/app.test.js.snap
@@ -228,16 +228,19 @@ exports[`App renders the App component with Valid Credentials: After Logout 1`]
             <div></div>
           </div>
           <div>
-            <div class=\\"hide-element\\">
-              <div class=\\"p-progressbar p-component p-progressbar-indeterminate hide-element\\" style=\\"height: 0.25rem;\\" role=\\"progressbar\\" data-pc-name=\\"progressbar\\" data-pc-section=\\"root\\">
+            <div class=\\"fix-element\\">
+              <div class=\\"p-progressbar p-component p-progressbar-indeterminate\\" style=\\"height: 0.25rem;\\" role=\\"progressbar\\" data-pc-name=\\"progressbar\\" data-pc-section=\\"root\\">
                 <div class=\\"p-progressbar-indeterminate-container\\" data-pc-section=\\"indeterminatecontainer\\">
                   <div class=\\"p-progressbar-value p-progressbar-value-animate\\" data-pc-section=\\"value\\"></div>
                 </div>
               </div>
             </div>
+            <div class=\\"p-progress-spinner m-4\\" role=\\"alert\\" aria-busy=\\"true\\" data-pc-section=\\"spinner\\"><svg class=\\"p-progress-spinner-svg\\" viewBox=\\"25 25 50 50\\" style=\\"animation-duration: 2s;\\" data-pc-section=\\"spinner\\">
+                <circle class=\\"p-progress-spinner-circle\\" cx=\\"50\\" cy=\\"50\\" r=\\"20\\" fill=\\"none\\" stroke-width=\\"2\\" stroke-miterlimit=\\"10\\" data-pc-section=\\"circle\\"></circle>
+              </svg></div>
             <div class=\\"page-header undefined\\">
               <div class=\\"title\\">
-                <h2 class=\\"page-title\\">Scheduling Units - Week 52,1 View</h2>
+                <h2 class=\\"page-title\\">Scheduling Units - Week 32 View</h2>
               </div>
               <div class=\\"page-action-menu page-actionsundefined\\">
                 <div class=\\"timeline-header-dropdown\\"> <span class=\\"dropdown-title\\">Group By </span>
@@ -250,7 +253,7 @@ exports[`App renders the App component with Valid Credentials: After Logout 1`]
                         <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
                       </svg></div>
                   </div>
-                </div><button class=\\"p-button p-component p-button-icon-only\\" title=\\"previous 7 days\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi pi-angle-double-left\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\">&nbsp;</span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"next 7 days\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi pi-angle-double-right\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\">&nbsp;</span></button><span class=\\"action-divider\\"></span><span class=\\"tag tag--off\\" title=\\"Dynamic Scheduling is Off\\">D</span><span class=\\"tag tag--off\\" title=\\"Fixed time Scheduling is Off\\">F</span><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Dynamic Scheduler is stopped. Click to change the scheduler\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-stop\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\">&nbsp;</span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Reload the timeline data\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-sync\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\">&nbsp;</span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Options\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-bars\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\">&nbsp;</span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Show Scheduling Units Table\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-folder\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\">&nbsp;</span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Show Legend\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-bookmark-fill\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\">&nbsp;</span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Hide Filters\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-chevron-up\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\">&nbsp;</span></button>
+                </div><button class=\\"p-button p-component p-button-icon-only\\" title=\\"previous 7 days\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi pi-angle-double-left\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\">&nbsp;</span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"next 7 days\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi pi-angle-double-right\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\">&nbsp;</span></button><span class=\\"action-divider\\"></span><span class=\\"tag tag--off\\" title=\\"Dynamic Scheduling is Off\\">D</span><span class=\\"tag tag--off\\" title=\\"Fixed time Scheduling is Off\\">F</span><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Dynamic Scheduler is stopped. Click to change the scheduler\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-stop\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\">&nbsp;</span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"System is already reloading the timeline data\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-spin pi-hourglass\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\">&nbsp;</span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Options\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-bars\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\">&nbsp;</span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Show Scheduling Units Table\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-folder\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\">&nbsp;</span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Show Legend\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-bookmark-fill\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\">&nbsp;</span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Hide Filters\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-chevron-up\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\">&nbsp;</span></button>
               </div>
             </div>
             <div class=\\"p-grid\\">
@@ -290,8 +293,8 @@ exports[`App renders the App component with Valid Credentials: After Logout 1`]
                           </div>
                           <div class=\\"group\\"><label>Scheduling Units</label>
                             <div class=\\"multiselect-container relative-position\\"><span class=\\"small-label\\">Status:</span>
-                              <div class=\\"p-multiselect p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\">
-                                <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div>
+                              <div class=\\"p-multiselect p-component p-inputwrapper p-disabled p-inputwrapper-filled\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\">
+                                <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\" disabled=\\"\\"></div>
                                 <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\">
                                   <div class=\\"p-multiselect-label p-multiselect-items-label\\" data-pc-section=\\"label\\">13 items selected</div>
                                 </div>
@@ -302,20 +305,9 @@ exports[`App renders the App component with Valid Credentials: After Logout 1`]
                             </div>
                           </div>
                           <div class=\\"group\\"><label>Projects</label>
-                            <div class=\\"multiselect-container relative-position\\"><span class=\\"small-label\\">Status:</span>
-                              <div class=\\"p-multiselect p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\">
-                                <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div>
-                                <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\">
-                                  <div class=\\"p-multiselect-label\\" data-pc-section=\\"label\\">null</div>
-                                </div>
-                                <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\">
-                                    <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
-                                  </svg></div>
-                              </div>
-                            </div>
                             <div class=\\"multiselect-container relative-position\\"><span class=\\"small-label\\">Value:</span>
-                              <div class=\\"p-multiselect p-component p-inputwrapper\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\">
-                                <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div>
+                              <div class=\\"p-multiselect p-component p-inputwrapper p-disabled\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\">
+                                <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\" disabled=\\"\\"></div>
                                 <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\">
                                   <div class=\\"p-multiselect-label p-placeholder\\" data-pc-section=\\"label\\">Project</div>
                                 </div>
@@ -491,30 +483,30 @@ exports[`App renders the App component with Valid Credentials: After Logout 1`]
                         <div style=\\"left: -143.751663792405px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\"><span>23:00</span></div>
                       </div>
                       <div style=\\"height: 30px; position: relative; width: -150px;\\">
-                        <div style=\\"left: 0px; width: -6.2500723388002175px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-06:36\\">06:36</div>
-                        <div style=\\"left: -6.2500723388002175px; width: -6.2500723388002175px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-07:36\\">07:36</div>
-                        <div style=\\"left: -12.500144677600435px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-08:36\\">08:36</div>
-                        <div style=\\"left: -18.75021701640065px; width: -6.250072338800219px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-09:36\\">09:36</div>
-                        <div style=\\"left: -25.00028935520087px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-10:36\\">10:36</div>
-                        <div style=\\"left: -31.250361694001086px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-11:36\\">11:36</div>
-                        <div style=\\"left: -37.5004340328013px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-12:36\\">12:36</div>
-                        <div style=\\"left: -43.750506371601524px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-13:36\\">13:36</div>
-                        <div style=\\"left: -50.00057871040174px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-14:36\\">14:36</div>
-                        <div style=\\"left: -56.250651049201956px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-15:36\\">15:36</div>
-                        <div style=\\"left: -62.50072338800217px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-16:36\\">16:36</div>
-                        <div style=\\"left: -68.7507957268024px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-17:36\\">17:36</div>
-                        <div style=\\"left: -75.0008680656026px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-18:36\\">18:36</div>
-                        <div style=\\"left: -81.25094040440283px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-19:36\\">19:36</div>
-                        <div style=\\"left: -87.50101274320305px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-20:36\\">20:36</div>
-                        <div style=\\"left: -93.75108508200326px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-21:36\\">21:36</div>
-                        <div style=\\"left: -100.00115742080348px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-22:36\\">22:36</div>
-                        <div style=\\"left: -106.2512297596037px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-23:36\\">23:36</div>
-                        <div style=\\"left: -112.50130209840391px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-00:36\\">00:36</div>
-                        <div style=\\"left: -118.75137443720413px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-01:36\\">01:36</div>
-                        <div style=\\"left: -125.00144677600434px; width: -6.250072338800237px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-02:36\\">02:36</div>
-                        <div style=\\"left: -131.25151911480458px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-03:36\\">03:36</div>
-                        <div style=\\"left: -137.5015914536048px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-04:36\\">04:36</div>
-                        <div style=\\"left: -143.751663792405px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-05:36\\">05:36</div>
+                        <div style=\\"left: 0px; width: -6.2500723388002175px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-00:00\\">00:00</div>
+                        <div style=\\"left: -6.2500723388002175px; width: -6.2500723388002175px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-01:00\\">01:00</div>
+                        <div style=\\"left: -12.500144677600435px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-02:00\\">02:00</div>
+                        <div style=\\"left: -18.75021701640065px; width: -6.250072338800219px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-03:00\\">03:00</div>
+                        <div style=\\"left: -25.00028935520087px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-04:00\\">04:00</div>
+                        <div style=\\"left: -31.250361694001086px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-05:00\\">05:00</div>
+                        <div style=\\"left: -37.5004340328013px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-06:00\\">06:00</div>
+                        <div style=\\"left: -43.750506371601524px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-07:00\\">07:00</div>
+                        <div style=\\"left: -50.00057871040174px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-08:00\\">08:00</div>
+                        <div style=\\"left: -56.250651049201956px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-09:00\\">09:00</div>
+                        <div style=\\"left: -62.50072338800217px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-10:00\\">10:00</div>
+                        <div style=\\"left: -68.7507957268024px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-11:00\\">11:00</div>
+                        <div style=\\"left: -75.0008680656026px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-12:00\\">12:00</div>
+                        <div style=\\"left: -81.25094040440283px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-13:00\\">13:00</div>
+                        <div style=\\"left: -87.50101274320305px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-14:00\\">14:00</div>
+                        <div style=\\"left: -93.75108508200326px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-15:00\\">15:00</div>
+                        <div style=\\"left: -100.00115742080348px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-16:00\\">16:00</div>
+                        <div style=\\"left: -106.2512297596037px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-17:00\\">17:00</div>
+                        <div style=\\"left: -112.50130209840391px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-18:00\\">18:00</div>
+                        <div style=\\"left: -118.75137443720413px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-19:00\\">19:00</div>
+                        <div style=\\"left: -125.00144677600434px; width: -6.250072338800237px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-20:00\\">20:00</div>
+                        <div style=\\"left: -131.25151911480458px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-21:00\\">21:00</div>
+                        <div style=\\"left: -137.5015914536048px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-22:00\\">22:00</div>
+                        <div style=\\"left: -143.751663792405px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"dateheader-lst-23:00\\">23:00</div>
                       </div>
                     </div>
                   </div>
@@ -522,33 +514,33 @@ exports[`App renders the App component with Valid Credentials: After Logout 1`]
                     <div class=\\"rct-sidebar\\" style=\\"width: 150px; height: 280px;\\">
                       <div style=\\"width: 150px;\\">
                         <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-29\\" target=\\"_new\\"> Dec 29 - Fri </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-06\\" target=\\"_new\\"> Aug 06 - Sun </a></div>
                         </div>
                         <div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-30\\" target=\\"_new\\"> Dec 30 - Sat </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-07\\" target=\\"_new\\"> Aug 07 - Mon </a></div>
                         </div>
                         <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2023-12-31\\" target=\\"_new\\"> Dec 31 - Sun </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-08\\" target=\\"_new\\"> Aug 08 - Tue </a></div>
                         </div>
                         <div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-01\\" target=\\"_new\\"> Jan 01 - Mon </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-09\\" target=\\"_new\\"> Aug 09 - Wed </a></div>
                         </div>
                         <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-02\\" target=\\"_new\\"> Jan 02 - Tue </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-10\\" target=\\"_new\\"> Aug 10 - Thu </a></div>
                         </div>
                         <div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-03\\" target=\\"_new\\"> Jan 03 - Wed </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-11\\" target=\\"_new\\"> Aug 11 - Fri </a></div>
                         </div>
                         <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-04\\" target=\\"_new\\"> Jan 04 - Thu </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-12\\" target=\\"_new\\"> Aug 12 - Sat </a></div>
                         </div>
                       </div>
                     </div>
                     <div class=\\"rct-scroll\\" style=\\"width: -150px; height: 300px; cursor: default; position: relative;\\">
                       <div style=\\"position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;\\">
-                        <div style=\\"position: absolute; top: 0px; bottom: 0px; width: 2px; pointer-events: none; left: -64.93130707531337px; z-index: 998;\\"></div>
+                        <div style=\\"position: absolute; top: 0px; bottom: 0px; width: 2px; pointer-events: none; left: 0px; z-index: 998;\\"></div>
                         <div class=\\"rct-vertical-lines\\">
-                          <div class=\\"rct-vl \\" style=\\"pointer-events: none; top: 0px; left: 54300.62847949629px; width: -54750.63368788991px; height: 280px;\\"></div>
+                          <div class=\\"rct-vl \\" style=\\"pointer-events: none; top: 0px; left: 32544.126668132732px; width: -54750.6336878899px; height: 280px;\\"></div>
                         </div>
                         <div class=\\"rct-horizontal-lines\\">
                           <div class=\\"rct-hl-even \\" style=\\"width: -150px; height: 40px;\\"></div>
@@ -665,7 +657,7 @@ exports[`App renders the App component with Valid Credentials: After Menu Toggle
               </svg></div>
             <div class=\\"page-header undefined\\">
               <div class=\\"title\\">
-                <h2 class=\\"page-title\\">Scheduling Units - Week 52,1 View</h2>
+                <h2 class=\\"page-title\\">Scheduling Units - Week 32 View</h2>
               </div>
               <div class=\\"page-action-menu page-actionsundefined\\">
                 <div class=\\"timeline-header-dropdown\\"> <span class=\\"dropdown-title\\">Group By </span>
@@ -939,33 +931,33 @@ exports[`App renders the App component with Valid Credentials: After Menu Toggle
                     <div class=\\"rct-sidebar\\" style=\\"width: 150px; height: 280px;\\">
                       <div style=\\"width: 150px;\\">
                         <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-29\\" target=\\"_new\\"> Dec 29 - Fri </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-06\\" target=\\"_new\\"> Aug 06 - Sun </a></div>
                         </div>
                         <div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-30\\" target=\\"_new\\"> Dec 30 - Sat </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-07\\" target=\\"_new\\"> Aug 07 - Mon </a></div>
                         </div>
                         <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2023-12-31\\" target=\\"_new\\"> Dec 31 - Sun </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-08\\" target=\\"_new\\"> Aug 08 - Tue </a></div>
                         </div>
                         <div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-01\\" target=\\"_new\\"> Jan 01 - Mon </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-09\\" target=\\"_new\\"> Aug 09 - Wed </a></div>
                         </div>
                         <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-02\\" target=\\"_new\\"> Jan 02 - Tue </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-10\\" target=\\"_new\\"> Aug 10 - Thu </a></div>
                         </div>
                         <div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-03\\" target=\\"_new\\"> Jan 03 - Wed </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-11\\" target=\\"_new\\"> Aug 11 - Fri </a></div>
                         </div>
                         <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-04\\" target=\\"_new\\"> Jan 04 - Thu </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-12\\" target=\\"_new\\"> Aug 12 - Sat </a></div>
                         </div>
                       </div>
                     </div>
                     <div class=\\"rct-scroll\\" style=\\"width: -150px; height: 300px; cursor: default; position: relative;\\">
                       <div style=\\"position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;\\">
-                        <div style=\\"position: absolute; top: 0px; bottom: 0px; width: 2px; pointer-events: none; left: -64.92957094410815px; z-index: 998;\\"></div>
+                        <div style=\\"position: absolute; top: 0px; bottom: 0px; width: 2px; pointer-events: none; left: 0px; z-index: 998;\\"></div>
                         <div class=\\"rct-vertical-lines\\">
-                          <div class=\\"rct-vl \\" style=\\"pointer-events: none; top: 0px; left: 54300.62847949629px; width: -54750.63368788991px; height: 280px;\\"></div>
+                          <div class=\\"rct-vl \\" style=\\"pointer-events: none; top: 0px; left: 32544.126668132732px; width: -54750.6336878899px; height: 280px;\\"></div>
                         </div>
                         <div class=\\"rct-horizontal-lines\\">
                           <div class=\\"rct-hl-even \\" style=\\"width: -150px; height: 40px;\\"></div>
@@ -1070,7 +1062,7 @@ exports[`App renders the App component with Valid Credentials: After Menu Toggle
               </svg></div>
             <div class=\\"page-header undefined\\">
               <div class=\\"title\\">
-                <h2 class=\\"page-title\\">Scheduling Units - Week 52,1 View</h2>
+                <h2 class=\\"page-title\\">Scheduling Units - Week 32 View</h2>
               </div>
               <div class=\\"page-action-menu page-actionsundefined\\">
                 <div class=\\"timeline-header-dropdown\\"> <span class=\\"dropdown-title\\">Group By </span>
@@ -1344,33 +1336,33 @@ exports[`App renders the App component with Valid Credentials: After Menu Toggle
                     <div class=\\"rct-sidebar\\" style=\\"width: 150px; height: 280px;\\">
                       <div style=\\"width: 150px;\\">
                         <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-29\\" target=\\"_new\\"> Dec 29 - Fri </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-06\\" target=\\"_new\\"> Aug 06 - Sun </a></div>
                         </div>
                         <div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-30\\" target=\\"_new\\"> Dec 30 - Sat </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-07\\" target=\\"_new\\"> Aug 07 - Mon </a></div>
                         </div>
                         <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2023-12-31\\" target=\\"_new\\"> Dec 31 - Sun </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-08\\" target=\\"_new\\"> Aug 08 - Tue </a></div>
                         </div>
                         <div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-01\\" target=\\"_new\\"> Jan 01 - Mon </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-09\\" target=\\"_new\\"> Aug 09 - Wed </a></div>
                         </div>
                         <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-02\\" target=\\"_new\\"> Jan 02 - Tue </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-10\\" target=\\"_new\\"> Aug 10 - Thu </a></div>
                         </div>
                         <div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-03\\" target=\\"_new\\"> Jan 03 - Wed </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-11\\" target=\\"_new\\"> Aug 11 - Fri </a></div>
                         </div>
                         <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-04\\" target=\\"_new\\"> Jan 04 - Thu </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-12\\" target=\\"_new\\"> Aug 12 - Sat </a></div>
                         </div>
                       </div>
                     </div>
                     <div class=\\"rct-scroll\\" style=\\"width: -150px; height: 300px; cursor: default; position: relative;\\">
                       <div style=\\"position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;\\">
-                        <div style=\\"position: absolute; top: 0px; bottom: 0px; width: 2px; pointer-events: none; left: -64.92957094410815px; z-index: 998;\\"></div>
+                        <div style=\\"position: absolute; top: 0px; bottom: 0px; width: 2px; pointer-events: none; left: 0px; z-index: 998;\\"></div>
                         <div class=\\"rct-vertical-lines\\">
-                          <div class=\\"rct-vl \\" style=\\"pointer-events: none; top: 0px; left: 54300.62847949629px; width: -54750.63368788991px; height: 280px;\\"></div>
+                          <div class=\\"rct-vl \\" style=\\"pointer-events: none; top: 0px; left: 32544.126668132732px; width: -54750.6336878899px; height: 280px;\\"></div>
                         </div>
                         <div class=\\"rct-horizontal-lines\\">
                           <div class=\\"rct-hl-even \\" style=\\"width: -150px; height: 40px;\\"></div>
@@ -1475,7 +1467,7 @@ exports[`App renders the App component with Valid Credentials: After Menu item c
               </svg></div>
             <div class=\\"page-header undefined\\">
               <div class=\\"title\\">
-                <h2 class=\\"page-title\\">Scheduling Units - Week 52,1 View</h2>
+                <h2 class=\\"page-title\\">Scheduling Units - Week 32 View</h2>
               </div>
               <div class=\\"page-action-menu page-actionsundefined\\">
                 <div class=\\"timeline-header-dropdown\\"> <span class=\\"dropdown-title\\">Group By </span>
@@ -1749,33 +1741,33 @@ exports[`App renders the App component with Valid Credentials: After Menu item c
                     <div class=\\"rct-sidebar\\" style=\\"width: 150px; height: 280px;\\">
                       <div style=\\"width: 150px;\\">
                         <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-29\\" target=\\"_new\\"> Dec 29 - Fri </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-06\\" target=\\"_new\\"> Aug 06 - Sun </a></div>
                         </div>
                         <div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-30\\" target=\\"_new\\"> Dec 30 - Sat </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-07\\" target=\\"_new\\"> Aug 07 - Mon </a></div>
                         </div>
                         <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2023-12-31\\" target=\\"_new\\"> Dec 31 - Sun </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-08\\" target=\\"_new\\"> Aug 08 - Tue </a></div>
                         </div>
                         <div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-01\\" target=\\"_new\\"> Jan 01 - Mon </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-09\\" target=\\"_new\\"> Aug 09 - Wed </a></div>
                         </div>
                         <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-02\\" target=\\"_new\\"> Jan 02 - Tue </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-10\\" target=\\"_new\\"> Aug 10 - Thu </a></div>
                         </div>
                         <div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-03\\" target=\\"_new\\"> Jan 03 - Wed </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-11\\" target=\\"_new\\"> Aug 11 - Fri </a></div>
                         </div>
                         <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
-                          <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-04\\" target=\\"_new\\"> Jan 04 - Thu </a></div>
+                          <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-12\\" target=\\"_new\\"> Aug 12 - Sat </a></div>
                         </div>
                       </div>
                     </div>
                     <div class=\\"rct-scroll\\" style=\\"width: -150px; height: 300px; cursor: default; position: relative;\\">
                       <div style=\\"position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;\\">
-                        <div style=\\"position: absolute; top: 0px; bottom: 0px; width: 2px; pointer-events: none; left: -64.92957094410815px; z-index: 998;\\"></div>
+                        <div style=\\"position: absolute; top: 0px; bottom: 0px; width: 2px; pointer-events: none; left: 0px; z-index: 998;\\"></div>
                         <div class=\\"rct-vertical-lines\\">
-                          <div class=\\"rct-vl \\" style=\\"pointer-events: none; top: 0px; left: 54300.62847949629px; width: -54750.63368788991px; height: 280px;\\"></div>
+                          <div class=\\"rct-vl \\" style=\\"pointer-events: none; top: 0px; left: 32544.126668132732px; width: -54750.6336878899px; height: 280px;\\"></div>
                         </div>
                         <div class=\\"rct-horizontal-lines\\">
                           <div class=\\"rct-hl-even \\" style=\\"width: -150px; height: 40px;\\"></div>
diff --git a/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/report.project.test.js.snap b/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/report.project.test.js.snap
index 0bb303410fb..c1c4ef3c5a8 100644
--- a/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/report.project.test.js.snap
+++ b/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/report.project.test.js.snap
@@ -390,6 +390,36 @@ exports[`Project Report Render With Contents Project Report  renders correctly w
             />
           </li>
         </ul>
+        <svg
+          aria-hidden="true"
+          class="p-icon p-autocomplete-loader p-icon-spin"
+          data-pc-section="loadingicon"
+          fill="none"
+          height="14"
+          viewBox="0 0 14 14"
+          width="14"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <g
+            clip-path="url(#pr_icon_clip_1)"
+          >
+            <path
+              d="M6.99701 14C5.85441 13.999 4.72939 13.7186 3.72012 13.1832C2.71084 12.6478 1.84795 11.8737 1.20673 10.9284C0.565504 9.98305 0.165424 8.89526 0.041387 7.75989C-0.0826496 6.62453 0.073125 5.47607 0.495122 4.4147C0.917119 3.35333 1.59252 2.4113 2.46241 1.67077C3.33229 0.930247 4.37024 0.413729 5.4857 0.166275C6.60117 -0.0811796 7.76026 -0.0520535 8.86188 0.251112C9.9635 0.554278 10.9742 1.12227 11.8057 1.90555C11.915 2.01493 11.9764 2.16319 11.9764 2.31778C11.9764 2.47236 11.915 2.62062 11.8057 2.73C11.7521 2.78503 11.688 2.82877 11.6171 2.85864C11.5463 2.8885 11.4702 2.90389 11.3933 2.90389C11.3165 2.90389 11.2404 2.8885 11.1695 2.85864C11.0987 2.82877 11.0346 2.78503 10.9809 2.73C9.9998 1.81273 8.73246 1.26138 7.39226 1.16876C6.05206 1.07615 4.72086 1.44794 3.62279 2.22152C2.52471 2.99511 1.72683 4.12325 1.36345 5.41602C1.00008 6.70879 1.09342 8.08723 1.62775 9.31926C2.16209 10.5513 3.10478 11.5617 4.29713 12.1803C5.48947 12.7989 6.85865 12.988 8.17414 12.7157C9.48963 12.4435 10.6711 11.7264 11.5196 10.6854C12.3681 9.64432 12.8319 8.34282 12.8328 7C12.8328 6.84529 12.8943 6.69692 13.0038 6.58752C13.1132 6.47812 13.2616 6.41667 13.4164 6.41667C13.5712 6.41667 13.7196 6.47812 13.8291 6.58752C13.9385 6.69692 14 6.84529 14 7C14 8.85651 13.2622 10.637 11.9489 11.9497C10.6356 13.2625 8.85432 14 6.99701 14Z"
+              fill="currentColor"
+            />
+          </g>
+          <defs>
+            <clippath
+              id="pr_icon_clip_1"
+            >
+              <rect
+                fill="white"
+                height="14"
+                width="14"
+              />
+            </clippath>
+          </defs>
+        </svg>
       </span>
       <label
         class="col-lg-2 col-md-2 col-sm-12"
@@ -1361,6 +1391,36 @@ exports[`Project Report Render With Contents Project Report  renders correctly w
             />
           </li>
         </ul>
+        <svg
+          aria-hidden="true"
+          class="p-icon p-autocomplete-loader p-icon-spin"
+          data-pc-section="loadingicon"
+          fill="none"
+          height="14"
+          viewBox="0 0 14 14"
+          width="14"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <g
+            clip-path="url(#pr_icon_clip_1)"
+          >
+            <path
+              d="M6.99701 14C5.85441 13.999 4.72939 13.7186 3.72012 13.1832C2.71084 12.6478 1.84795 11.8737 1.20673 10.9284C0.565504 9.98305 0.165424 8.89526 0.041387 7.75989C-0.0826496 6.62453 0.073125 5.47607 0.495122 4.4147C0.917119 3.35333 1.59252 2.4113 2.46241 1.67077C3.33229 0.930247 4.37024 0.413729 5.4857 0.166275C6.60117 -0.0811796 7.76026 -0.0520535 8.86188 0.251112C9.9635 0.554278 10.9742 1.12227 11.8057 1.90555C11.915 2.01493 11.9764 2.16319 11.9764 2.31778C11.9764 2.47236 11.915 2.62062 11.8057 2.73C11.7521 2.78503 11.688 2.82877 11.6171 2.85864C11.5463 2.8885 11.4702 2.90389 11.3933 2.90389C11.3165 2.90389 11.2404 2.8885 11.1695 2.85864C11.0987 2.82877 11.0346 2.78503 10.9809 2.73C9.9998 1.81273 8.73246 1.26138 7.39226 1.16876C6.05206 1.07615 4.72086 1.44794 3.62279 2.22152C2.52471 2.99511 1.72683 4.12325 1.36345 5.41602C1.00008 6.70879 1.09342 8.08723 1.62775 9.31926C2.16209 10.5513 3.10478 11.5617 4.29713 12.1803C5.48947 12.7989 6.85865 12.988 8.17414 12.7157C9.48963 12.4435 10.6711 11.7264 11.5196 10.6854C12.3681 9.64432 12.8319 8.34282 12.8328 7C12.8328 6.84529 12.8943 6.69692 13.0038 6.58752C13.1132 6.47812 13.2616 6.41667 13.4164 6.41667C13.5712 6.41667 13.7196 6.47812 13.8291 6.58752C13.9385 6.69692 14 6.84529 14 7C14 8.85651 13.2622 10.637 11.9489 11.9497C10.6356 13.2625 8.85432 14 6.99701 14Z"
+              fill="currentColor"
+            />
+          </g>
+          <defs>
+            <clippath
+              id="pr_icon_clip_1"
+            >
+              <rect
+                fill="white"
+                height="14"
+                width="14"
+              />
+            </clippath>
+          </defs>
+        </svg>
       </span>
       <label
         class="col-lg-2 col-md-2 col-sm-12"
diff --git a/SAS/TMSS/frontend/tmss_webapp/src/tests/app.test.js b/SAS/TMSS/frontend/tmss_webapp/src/tests/app.test.js
index 8d007ae92a3..95f4b14afbb 100644
--- a/SAS/TMSS/frontend/tmss_webapp/src/tests/app.test.js
+++ b/SAS/TMSS/frontend/tmss_webapp/src/tests/app.test.js
@@ -65,6 +65,8 @@ describe('App Search', () => {
 
     it('renders the App component with Redirection to  login', async () => {
       // Render the App component
+      jest.useFakeTimers()
+      jest.setSystemTime(new Date('2023-08-06'));
       MockAxiosSecurity(MakePrimaryMock());
       render(<App />);
 
@@ -80,6 +82,8 @@ describe('App Search', () => {
 
     it('renders the App component with Valid Credentials', async () => {
       // Render the App component
+      jest.useFakeTimers()
+      jest.setSystemTime(new Date('2023-08-06'));
       MockAxiosSecurity(MakePrimaryMock());
       await PermissionStackUtil.getPermissions(true);
       render(<App />);
-- 
GitLab