feat(v3-uplift): flatten swap & bridge network-selector triggers

Swap NetworkSelector: strip the themed Select-pill (bg fill + surface-shadow
ring) so the trigger reads as a flat text button; option logo 16->24px and
subheader2->h5 fg-1; zero the trigger's left padding and left-anchor the
dropdown with a -4px nudge.

Bridge NetworkSelect: flatten the inner trigger the same way (remove the
outlined pill's bg + ring) while keeping the labeled container; drop a stray
color:'red' debug rule; option row unchanged (18px logo + h3).

Author: abjt14

src/components/transactions/NetworkSelect.tsx

@@ -58,32 +58,20 @@ export const NetworkSelect = ({
             onChange={handleChange}
             variant="outlined"
             sx={{
-              '.MuiSelect-select': {
+              // Flatten the trigger: strip the theme's Select-pill (bg fill + surface-shadow ring)
+              // in all states so only the outer container remains. `&&` matches the theme's specificity.
+              '&&, &&:hover, &&:has(.MuiSelect-select[aria-expanded="true"])': {
                 backgroundColor: 'transparent',
+                boxShadow: 'none',
               },
-              '& .MuiOutlinedInput-root': {
-                background: 'transparent',
-                '&:hover': {
-                  '.MuiOutlinedInput-notchedOutline': {
-                    borderColor: 'currentColor',
-                  },
-                },
-                '&.Mui-focused': {
-                  '.MuiOutlinedInput-notchedOutline': {
-                    borderColor: 'primary.main',
-                  },
-                },
-              },
-              '& .MuiOutlinedInput-notchedOutline': {
-                border: 'none',
+              '& .MuiOutlinedInput-notchedOutline': { border: 'none' },
+              '& .MuiSelect-select': {
+                backgroundColor: 'transparent',
               },
               '& .MuiSelect-icon': {
                 marginRight: '12px',
                 display: disabled ? 'none' : 'inline-block',
               },
-              '& input.Mui-disabled': {
-                color: 'red',
-              },
               '& .MuiOutlinedInput-input.Mui-disabled': {
                 backgroundColor: 'transparent',
                 opacity: 1,

src/components/transactions/Swap/inputs/shared/NetworkSelector.tsx

@@ -23,31 +23,38 @@ export const NetworkSelector = ({
         native={false}
         value={String(selectedNetwork)}
         onChange={handleChange}
+        MenuProps={{
+          anchorOrigin: { vertical: 'bottom', horizontal: 'left' },
+          transformOrigin: { vertical: 'top', horizontal: 'left' },
+          sx: { '& .MuiPaper-root': { marginLeft: '-4px' } },
+        }}
         sx={{
-          '&.MuiInputBase-root': {
-            border: 0,
-            '.MuiSelect-select': {
-              display: 'flex',
-              backgroundColor: 'transparent',
-              border: 0,
-            },
+          // Flatten the trigger to a plain text button: override the theme's Select-pill
+          // (bg fill + surface-shadow ring) in all states. `&&` matches the theme's specificity.
+          '&&, &&:hover, &&:has(.MuiSelect-select[aria-expanded="true"])': {
+            backgroundColor: 'transparent',
+            boxShadow: 'none',
           },
-          '& .MuiOutlinedInput-notchedOutline': {
-            border: 'none',
+          '& .MuiOutlinedInput-notchedOutline': { border: 'none' },
+          '& .MuiSelect-select': {
+            display: 'flex',
+            alignItems: 'center',
+            backgroundColor: 'transparent',
+            paddingLeft: 0,
           },
         }}
       >
         {networks.map((network) => (
           <MenuItem value={network.chainId} key={`${network.name}`}>
             <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
               <MarketLogo
-                size={16}
+                size={24}
                 logo={network.networkLogoPath}
                 sx={{
                   mr: 1,
                 }}
               />
-              <Typography variant="subheader2" color="fg-2">
+              <Typography variant="h5" color="fg-1">
                 {network.displayName || network.name}
               </Typography>
             </Box>