updated navbar and ui

frontend/src/components/Dashboard.js

@@ -2,7 +2,6 @@ import React, { useState, useEffect, useLayoutEffect, useContext } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { Grid, Card, CardContent, Typography, Box, CardMedia, IconButton, Snackbar, Alert } from '@mui/material';
 import { UserContext } from '../contexts/UserContext';
-import UserSettings from './UserSettings';
 import PersonAddIcon from '@mui/icons-material/PersonAdd';
 import RemoveCircleOutlineIcon from '@mui/icons-material/RemoveCircleOutline';
 import axios from 'axios';
@@ -119,9 +118,7 @@ const Dashboard = () => {
 
   return (
     <div style={{ padding: '20px' }}>
-      <Box sx={{ display: 'flex', justifyContent: 'flex-end' }}>
-        <UserSettings />
-      </Box>
+      {/* UserSettings moved to NavBar */}
       <Typography variant="h4" gutterBottom>
         Dashboard
       </Typography>