set title for comp pages

Author: coder13

src/pages/Competition/Layout.jsx

@@ -1,5 +1,5 @@
 import { useSnackbar } from 'notistack';
-import React, { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { useParams, Outlet } from 'react-router-dom';
 import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
@@ -102,6 +102,12 @@ const CompetitionLayout = () => {
     setLocalStorage('drawer-open', drawerOpen);
   }, [drawerOpen]);
 
+  useEffect(() => {
+    if (wcif) {
+      document.title = 'Delegate Dashboard - ' + wcif.name;
+    }
+  }, wcif);
+
   const handleKeyDown = useCallback(
     (event) => {
       if (!event) {

src/pages/Home/Header.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { Link } from 'react-router-dom';
 import PeopleIcon from '@mui/icons-material/People';
 import { Avatar, Box, IconButton, Menu, MenuItem, Tooltip } from '@mui/material';
@@ -37,6 +37,10 @@ const Header = () => {
     setAnchorElUser(null);
   };
 
+  useEffect(() => {
+    document.title = 'Delegate Dashboard';
+  }, wcif);
+
   return (
     <AppBar position="static" color="primary">
       <Toolbar>