Enhancing Page Titles in Browser Tabs

[konishon]

Is your feature request related to a problem? Please describe.
Currently, all pages in the mapping application have the same title of "fmtm" displayed in the browser tab. This lack of specific page titles can confuse and frustrate users, especially those who utilize multiple tabs in their web browsers. When users have multiple tabs open from the mapping application, it becomes challenging to identify and locate the desired tab quickly. This inconsistency in tab titles hinders the user experience and makes it harder for power users to manage their workflows efficiently.

Describe the solution you'd like
I would like to improve the user experience by providing more informative and context-specific page titles for each page in the mapping application. By incorporating meaningful titles, users can easily distinguish between different tabs and identify the purpose of each tab at a glance. The desired format for the page titles is as follows:

1. Explore Projects: "Explore Projects - HOT Field Mapping And Tasking Manager"
2. Manage Organization: "Manage Organization - HOT Field Mapping And Tasking Manager"
3. Login: "Login - HOT Field Mapping And Tasking Manager"
4. Project Name: "Project Name - HOT Field Mapping And Tasking Manager" (Here, the task name dynamically changes based on the project being accessed)

By having clear and distinct page titles, power users who frequently utilize multiple tabs will have a more streamlined and organized browsing experience, allowing them to locate and switch between tabs with ease.

Describe alternatives you've considered
One alternative solution could be to have a generic page title format for all pages, such as "HOT - Field Mapping And Tasking Manager" However, this would not provide specific information about the purpose of each page or the project/task being accessed, which can be valuable for users.

Additional context
Screenshots from https://tasks.hotosm.org/explore