wip: wallet view init

Author: shanimal08

src/containers/main/Dashboard/Dashboard.tsx

@@ -1,18 +1,9 @@
 import MiningView from './MiningView/MiningView';
 import { DashboardContentContainer } from './styles';
 import { useUIStore } from '@app/store/useUIStore.ts';
+import WalletView from '@app/containers/main/Dashboard/WalletView/WalletView.tsx';
 
 export default function Dashboard() {
     const view = useUIStore((s) => s.view);
-    return (
-        <DashboardContentContainer>
-            {view === 'mining' ? (
-                <MiningView />
-            ) : (
-                <div>
-                    <h1>{`hello i am a wallet view`}</h1>
-                </div>
-            )}
-        </DashboardContentContainer>
-    );
+    return <DashboardContentContainer>{view === 'mining' ? <MiningView /> : <WalletView />}</DashboardContentContainer>;
 }

src/containers/main/Dashboard/WalletView/WalletView.styles.ts

@@ -0,0 +1,9 @@
+import styled from 'styled-components';
+
+export const WalletViewContainer = styled.div`
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+`;

src/containers/main/Dashboard/WalletView/WalletView.tsx

@@ -0,0 +1,12 @@
+import { memo } from 'react';
+import { WalletViewContainer } from '@app/containers/main/Dashboard/WalletView/WalletView.styles.ts';
+
+const WalletView = memo(function WalletView() {
+    return (
+        <WalletViewContainer>
+            <h1>{`👻`}</h1>
+        </WalletViewContainer>
+    );
+});
+
+export default WalletView;

src/containers/main/MainView.tsx

@@ -2,22 +2,14 @@ import { useAppConfigStore } from '@app/store/useAppConfigStore';
 import { Dashboard } from '@app/containers/main/Dashboard';
 import SidebarNavigation from '@app/containers/main/SidebarNavigation/SidebarNavigation.tsx';
 import { DashboardContainer } from '@app/theme/styles.ts';
-import { useUIStore } from '@app/store/useUIStore.ts';
 
 export default function MainView() {
     const visualMode = useAppConfigStore((s) => s.visual_mode);
-    const view = useUIStore((s) => s.view);
 
     return (
         <DashboardContainer $visualModeOff={!visualMode}>
             <SidebarNavigation />
-            {view === 'mining' ? (
-                <Dashboard />
-            ) : (
-                <div>
-                    <h1>{`hello i am a wallet view`}</h1>
-                </div>
-            )}
+            <Dashboard />
         </DashboardContainer>
     );
 }

src/theme/palettes/dark.ts

@@ -24,7 +24,6 @@ import { ThemePalette } from '@app/theme/types.ts';
 import { colors as c } from './colors.ts';
 import { colorsAlpha, colorsAlpha as alpha } from './colorsAlpha.ts';
 import { darkGradients } from '@app/theme/gradients.ts';
-import { convertHexToRGBA } from '@app/utils';
 
 const darkPalette: ThemePalette = {
     mode: 'dark',