feat(v3-uplift): governance badge & vote-bar spacing

Add a 1rem gap under the proposal state badge (ProposalsV3List).
VoteBar: separate the label/value row from the bar - 1rem on mobile, 0.25rem on desktop.

Author: abjt14

src/modules/governance/ProposalsV3List.tsx

@@ -47,7 +47,7 @@ const ProposalListItemRow = ({ proposal }: { proposal: ProposalListItem }) => {
           justifyContent: 'space-between',
         }}
       >
-        <Stack direction="row" gap={3} alignItems="center">
+        <Stack direction="row" gap={3} alignItems="center" sx={{ mb: '1rem' }}>
           <StateBadge state={proposal.badgeState} loading={false} />
         </Stack>
         <Typography variant="h3" sx={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>

src/modules/governance/VoteBar.tsx

@@ -40,7 +40,7 @@ interface VoteBarProps extends BoxProps {
 export function VoteBar({ percent, yae, votes, loading, compact, ...rest }: VoteBarProps) {
   return (
     <Box {...rest}>
-      <Box sx={{ display: 'flex' }}>
+      <Box sx={{ display: 'flex', mb: { xs: '1rem', lg: '0.25rem' } }}>
         <Typography variant="description" sx={{ mr: 2 }}>
           {yae ? <Trans>YAE</Trans> : <Trans>NAY</Trans>}
         </Typography>