feat: create title with logo for dashboard

src/pages/Dashboard/Dashboard.tsx

@@ -3,21 +3,23 @@ import { XStack, YStack } from 'tamagui'
 import BasicInfoCards from './BasicInfoCards/BasicInfoCards'
 import AddCardsContainer from '../../components/General/AddCards/AddCardsContainer'
 import SyncStatusCard from './SyncStatusCard/SyncStatusCard'
-import BalanceChardCard from './BalanceLineChart/BalanceChardCard'
+import BalanceChartCard from './BalanceChartCard/BalanceChartCard'
 import CPUCard from './CPULoad/CPUCard'
 import ConsensusUptimeCard from './ConsensusUptime/ConsensusUptimeCard'
 import ExecutionUptime from './ExecutionUptime/ExecutionUptime'
+import TitleLogo from './TitleLogo'
 
 const Dashboard = () => {
   return (
     <YStack space={'$4'} alignItems="start">
+      <TitleLogo />
       <XStack space={'$4'} style={{ width: '100%' }}>
         <XStack space={'$4'}>
           <AddCardsContainer />
           <SyncStatusCard />
         </XStack>
-        <BalanceChardCard />
-        <CPUCard load={[12, 31, 3, 2, 24,]} />
+        <BalanceChartCard />
+        <CPUCard load={[12, 31, 3, 2, 24]} />
       </XStack>
       <BasicInfoCards />
       <ConsensusUptimeCard />

src/pages/Dashboard/TitleLogo.tsx

@@ -0,0 +1,20 @@
+import { Text } from '@status-im/components'
+import { XStack, YStack } from 'tamagui'
+
+const TitleLogo = () => {
+  return (
+    <XStack>
+      {/* <Avatar type="icon" size={80} icon={<img src={'/icons/dashboard-logo.png'} />} /> */}
+      <YStack>
+        <Text size={27} color="#09101C" weight={'semibold'}>
+          Nimbus
+        </Text>
+        <Text size={19} color="#647084">
+          Node Management Dashboard
+        </Text>
+      </YStack>
+    </XStack>
+  )
+}
+
+export default TitleLogo