feat: add "Your Positions" header with a transactions link on the dashboard (#3104)

Author: abjt14

pages/dashboard.page.tsx

@@ -1,6 +1,7 @@
 import { Trans } from '@lingui/macro';
-import { Box, Typography } from '@mui/material';
+import { Box, Button, Typography } from '@mui/material';
 import { useEffect, useState } from 'react';
+import { Link, ROUTES } from 'src/components/primitives/Link';
 import { StyledTxModalToggleButton } from 'src/components/StyledToggleButton';
 import { StyledTxModalToggleGroup } from 'src/components/StyledToggleButtonGroup';
 import { useRootStore } from 'src/store/root';
@@ -33,6 +34,25 @@ export default function Dashboard() {
       <DashboardTopPanel />
 
       <ContentContainer>
+        {currentAccount && (
+          <Box
+            sx={{
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'space-between',
+              gap: '1rem',
+              mb: '1.5rem',
+            }}
+          >
+            <Typography variant="h2" sx={{ color: 'fg-1' }}>
+              <Trans>Your Positions</Trans>
+            </Typography>
+            <Button variant="outlined" component={Link} size="medium" href={ROUTES.history}>
+              <Trans>View transactions</Trans>
+            </Button>
+          </Box>
+        )}
+
         {currentAccount && (
           <Box
             sx={{

src/locales/el/messages.js

@@ -3556,6 +3556,10 @@ msgstr "Debt"
 msgid "Learn more about the Ether.fi program"
 msgstr "Learn more about the Ether.fi program"
 
+#: pages/dashboard.page.tsx
+msgid "View transactions"
+msgstr "View transactions"
+
 #: src/modules/staking/StakingPanel.tsx
 #: src/modules/umbrella/helpers/StakingDropdown.tsx
 msgid "Cooldown to unstake"
@@ -4114,6 +4118,10 @@ msgstr "Approve with"
 msgid "PTs"
 msgstr "PTs"
 
+#: pages/dashboard.page.tsx
+msgid "Your Positions"
+msgstr "Your Positions"
+
 #: src/layouts/components/LanguageSwitcher.tsx
 msgid "Language"
 msgstr "Language"

src/locales/en/messages.js

@@ -256,7 +256,7 @@ export const figmaDark = {
   'surface-elevated': '#1E1E20',
   'table-bg': '#1A1919',
   // --- semantic / button (Figma collection) ---
-  'button-bg-secondary': '#28282a',
+  'button-bg-secondary': '#1e1e20',
   'button-hover-primary': 'rgba(0, 0, 0, 0.16)',
   'button-hover-secondary': 'rgba(255, 255, 255, 0.04)',
   'button-hover-tertiary': 'rgba(255, 255, 255, 0.06)',