Added refresh button to dashboard

src/app/routes/Dashboard.tsx

@@ -53,6 +53,7 @@ import { ManifestArmorStatMod, ManifestExoticArmor } from '../../types/manifest-
 import { SharedLoadoutDto } from '../../features/loadouts/types';
 import { updateProfileCharacters } from '../../store/ProfileReducer';
 import { getProfileData } from '../../util/profile-characters';
+import RefreshCharacters from '../../components/RefreshCharacters';
 
 const PageContainer = styled(Box)(({ theme }) => ({
   display: 'flex',
@@ -447,6 +448,7 @@ export const Dashboard: React.FC = () => {
         />
       ) : sharedLoadoutDto === undefined && selectedSubclass ? (
         <>
+          <RefreshCharacters />
           <HeaderWrapper>
             <HeaderComponent
               emblemUrl={characters[selectedCharacterIndex]?.emblem?.secondarySpecial || ''}

src/components/RefreshCharacters.tsx

@@ -0,0 +1,39 @@
+import { Box, CircularProgress, IconButton, Tooltip } from '@mui/material';
+import { Refresh } from '@mui/icons-material';
+import { useDispatch } from 'react-redux';
+import { refreshProfileCharacters } from '../util/profile-characters';
+import { useState } from 'react';
+
+export default function RefreshCharacters() {
+  const dispatch = useDispatch();
+  const [refreshing, setRefreshing] = useState<boolean>(false);
+
+  async function onRefreshClick() {
+    setRefreshing(true);
+    await refreshProfileCharacters(dispatch);
+    setRefreshing(false);
+  }
+
+  return (
+    <Box
+      sx={{ position: 'fixed', top: '1%', right: '1%', zIndex: 9999, mixBlendMode: 'difference' }}
+    >
+      {refreshing ? (
+        <CircularProgress color="inherit" />
+      ) : (
+        <Tooltip title="Refresh Data">
+          <IconButton
+            onClick={onRefreshClick}
+            sx={{
+              borderRadius: 4,
+              mixBlendMode: 'difference',
+              ':hover': { mixBlendMode: 'difference' },
+            }}
+          >
+            <Refresh color="inherit" fontSize="large" />
+          </IconButton>
+        </Tooltip>
+      )}
+    </Box>
+  );
+}