Description:
There is an issue with the favicon display across react pages. Only a subset of the pages correctly show the intended favicon in the browser tab title. The remaining pages are displaying the default favicon instead of the intended one.

Steps to Reproduce:

1. Navigate to multiple react pages.
2. Observe the favicon displayed in the browser tab title for each page.

Expected Result:
All pages should display the intended favicon consistently.

Actual Result:
Some pages display the intended favicon, while others display the default icon.

Additional Info:
useDocumentTitle should be called in App.jsx or FrontDesk.jsx, not only in certain page file