feat(v3-uplift): governance header buttons & top-panel/list tidy-ups

- GovernanceTopPanel: the external-link buttons are outlined text+icon buttons
  (endIcon = ArrowUpRightIcon in fgp-3) with 0.5rem gap and title-case labels
- ProposalListHeader: drop the redundant "Filter" label (desktop + mobile),
  keeping the filter Select
- DelegatedInfoPanel: strip the width override on the "Set up delegation" button
  (stays full-width via the flex-column parent)

Author: abjt14

src/locales/el/messages.js

@@ -3577,11 +3577,6 @@ msgstr "AToken supply is not zero"
 msgid "Debt"
 msgstr "Debt"
 
-#: src/modules/governance/ProposalListHeader.tsx
-#: src/modules/governance/ProposalListHeader.tsx
-msgid "Filter"
-msgstr "Filter"
-
 #: src/components/incentives/EtherfiIncentivesTooltipContent.tsx
 msgid "Learn more about the Ether.fi program"
 msgstr "Learn more about the Ether.fi program"

src/locales/en/messages.js

@@ -214,7 +214,6 @@ export const DelegatedInfoPanel = () => {
       <Box sx={{ p: 6, display: 'flex', flexDirection: 'column', gap: 2 }}>
         <Button
           size="large"
-          sx={{ width: '100%' }}
           variant="contained"
           disabled={disableButton}
           onClick={() => openGovDelegation()}

src/locales/en/messages.po

@@ -1,9 +1,9 @@
 import { ChainId } from '@aave/contract-helpers';
-import { ExternalLinkIcon } from '@heroicons/react/outline';
 import { Trans } from '@lingui/macro';
-import { Box, Button, SvgIcon, Typography, useMediaQuery, useTheme } from '@mui/material';
+import { Box, Button, Typography, useMediaQuery, useTheme } from '@mui/material';
 import * as React from 'react';
 import { ChainAvailabilityText } from 'src/components/ChainAvailabilityText';
+import { ArrowUpRightIcon } from 'src/components/icons/ArrowUpRightIcon';
 import { Link } from 'src/components/primitives/Link';
 import { useRootStore } from 'src/store/root';
 import { GENERAL } from 'src/utils/events';
@@ -22,19 +22,15 @@ function ExternalLink({ text, href }: ExternalLinkProps) {
     <Button
       variant="outlined"
       size="small"
-      sx={{ minWidth: 'unset' }}
       component={Link}
       href={href}
       target="_blank"
       rel="noopener"
       onClick={() => trackEvent(GENERAL.EXTERNAL_LINK, { Link: text })}
+      endIcon={<ArrowUpRightIcon sx={{ color: 'fgp-3' }} />}
+      sx={{ minWidth: 'unset' }}
     >
-      <Box sx={{ display: 'flex', alignItems: 'center' }}>
-        {text}
-        <SvgIcon sx={{ ml: 1, fontSize: 14 }}>
-          <ExternalLinkIcon />
-        </SvgIcon>
-      </Box>
+      {text}
     </Button>
   );
 }
@@ -79,15 +75,15 @@ export const GovernanceTopPanel = () => {
         sx={{
           display: 'flex',
           alignItems: 'center',
-          gap: '16px',
+          gap: '0.5rem',
           flexWrap: 'wrap',
           maxWidth: 'sm',
         }}
       >
-        <ExternalLink text="SNAPSHOTS" href="https://snapshot.org/#/aave.eth" />
-        <ExternalLink text="FORUM" href="https://governance.aave.com/" />
+        <ExternalLink text="Snapshots" href="https://snapshot.org/#/aave.eth" />
+        <ExternalLink text="Forum" href="https://governance.aave.com/" />
         <ExternalLink text="FAQ" href="https://aave.com/docs/ecosystem/governance" />
-        <ExternalLink text="GOVERNANCE V2" href="https://governance-v2.aave.com/" />
+        <ExternalLink text="Governance V2" href="https://governance-v2.aave.com/" />
       </Box>
     </TopInfoPanel>
   );

src/locales/es/messages.js

@@ -37,9 +37,6 @@ export const ProposalListHeaderDesktop: React.FC<ProposalListHeaderElementProps>
       <Typography variant="h3" sx={{ flexGrow: 1 }}>
         <Trans>Proposals</Trans>
       </Typography>
-      <Typography>
-        <Trans>Filter</Trans>
-      </Typography>
       <Select
         id="filter"
         value={proposalFilter}
@@ -81,9 +78,6 @@ export const ProposalListHeaderMobile: React.FC<ProposalListHeaderElementProps>
         searchPlaceholder="Search proposals"
       />
       <Box sx={{ display: 'flex', alignItems: 'center', gap: 4 }}>
-        <Typography>
-          <Trans>Filter</Trans>
-        </Typography>
         <Select
           id="filter"
           value={proposalFilter}