feat: small ui updates (#25)

Description
---
Removed Send / Receive buttons
Removed Scheduler
Added new setup image

Motivation and Context
---
Small UI updates

How Has This Been Tested?
---
Manually

What process can a PR reviewer use to test or verify this change?
---

<!-- Checklist -->
<!-- 1. Is the title of your PR in the form that would make nice release
notes? The title, excluding the conventional commit
tag, will be included exactly as is in the CHANGELOG, so please think
about it carefully. -->


Breaking Changes
---
x

- [x] None
- [ ] Requires data directory on base node to be deleted
- [ ] Requires hard fork
- [ ] Other - Please specify

<!-- Does this include a breaking change? If so, include this line as a
footer -->
<!-- BREAKING CHANGE: Description what the user should do, e.g. delete a
database, resync the chain -->

src/containers/Dashboard/SetupView/SetupView.tsx

@@ -3,21 +3,34 @@ import { Stack, Typography } from '@mui/material';
 import { StyledLinearProgress, ProgressBox } from '../styles';
 import VisualMode from '../components/VisualMode';
 
-function SetupView({ title, progressPercentage }: { title: string, progressPercentage: number }) {
+function SetupView({
+  title,
+  progressPercentage,
+}: {
+  title: string;
+  progressPercentage: number;
+}) {
   return (
     <Stack spacing={8} alignItems="center">
-      <img src={setup} alt="Setup" />
+      <img
+        src={setup}
+        alt="Setup"
+        style={{ maxWidth: '100%', height: 'auto' }}
+      />{' '}
       <Stack spacing={2} alignItems="center">
         <Typography variant="h4">
-          Setting up the Tari truth machine... 
+          Setting up the Tari truth machine...
         </Typography>
         <Typography variant="body1" align="center">
           This might take a few minutes.
           <br />
           Don’t worry you’ll only need to do this once.
         </Typography>
         <ProgressBox>
-          <StyledLinearProgress variant="determinate" value={progressPercentage} />
+          <StyledLinearProgress
+            variant="determinate"
+            value={progressPercentage}
+          />
         </ProgressBox>
         <Typography variant="body1">{`${progressPercentage}% - ${title}`}</Typography>
       </Stack>

src/containers/SideBar/TestButtons.tsx

@@ -14,14 +14,22 @@ function TestButtons() {
     const handleSetView = (value: viewType) => {
         setView(value);
         setSelectedView(value);
-        if (value === 'setup' || value === 'tribes') {
+        if (value === 'setup') {
+            setBackground('onboarding');
+        }
+        if (value === 'tribes') {
             setBackground('loading');
         }
         if (value === 'mining') {
             setBackground('idle');
         }
     };
 
+    // const handleSetStatus = (value: backgroundType) => {
+    //   setBackground(value);
+    //   setSelectedBg(value);
+    // };
+
     return (
         <Stack direction="column" spacing={1}>
             <Typography variant="body2">For testing:</Typography>

src/containers/SideBar/components/Wallet.tsx

@@ -1,6 +1,6 @@
-import { Typography, Stack, Divider } from '@mui/material';
+import { Typography, Stack } from '@mui/material';
 import { ThemeProvider } from '@mui/material/styles';
-import { WalletContainer, Handle, HoverStack, WalletButton } from '../styles';
+import { WalletContainer, Handle } from '../styles';
 import { darkTheme } from '../../../theme/themes';
 import { AddressBox, BalanceChangeChip } from '../styles';
 import { FaCircleArrowUp } from 'react-icons/fa6';
@@ -93,35 +93,6 @@ function Wallet() {
             />
           </Stack>
         </Stack>
-        <HoverStack className="hover-stack">
-          <Stack
-            direction="row"
-            spacing={1}
-            justifyContent="space-between"
-            divider={<Divider orientation="vertical" />}
-            style={{
-              borderTop: '1px solid rgba(255,255,255,0.1)',
-              marginTop: '10px',
-              paddingTop: '10px',
-              width: '100%',
-            }}
-          >
-            <WalletButton
-              variant="contained"
-              fullWidth
-              onClick={() => console.log('Send')}
-            >
-              Send
-            </WalletButton>
-            <WalletButton
-              variant="contained"
-              fullWidth
-              onClick={() => console.log('Receive')}
-            >
-              Receive
-            </WalletButton>
-          </Stack>
-        </HoverStack>
       </WalletContainer>
     </ThemeProvider>
   );