Replace react-document-title with react-helmet

[dodo920306]

This commit replaces react-document-title with react-helmet in both BasicLayout and UserLayout components.

react-document-title has limitations when handling dynamic or nested routes.

The previous implementation caused issues where the page title would not update correctly when navigating between pages.

react-helmet integrates better with React's rendering lifecycle, ensuring more predictable and reliable updates.

[Copilot]

Pull Request Overview

This PR replaces the existing react-document-title usage with react-helmet for page title management in layout components and updates dependencies accordingly.

• Replace <DocumentTitle> wrappers with <Helmet><title>…</title></Helmet> in UserLayout and BasicLayout
• Update imports to use react-helmet and remove react-document-title
• Adjust package.json to drop the old dependency and add react-helmet

Reviewed Changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated no comments.

File	Description
src/dashboard/src/layouts/UserLayout.js	Removed DocumentTitle, added Helmet and fragment wrapper; updated imports
src/dashboard/src/layouts/BasicLayout.js	Swapped out DocumentTitle for Helmet and shorthand fragment (<>…</>)
src/dashboard/package.json	Deleted react-document-title dependency and added react-helmet

Comments suppressed due to low confidence (2)

src/dashboard/src/layouts/UserLayout.js:1

• JSX syntax (including fragments <>...</>) requires React to be in scope when using the classic JSX runtime. Since this project uses React 16.x, re-add import React at the top, e.g.: import React, { Component, Fragment } from 'react';.

import { Component, Fragment } from 'react';

src/dashboard/src/layouts/UserLayout.js:1

• The named import Fragment isn’t used explicitly (you’re using the shorthand <>...</>). Consider removing Fragment from the import to keep imports clean.

import { Component, Fragment } from 'react';