style: Reduce radius and increase padding of trait chips on collection/profile pages (#5196)

* style: Reduce border radius and increase padding of trait chips on collection pages.

* Update trait chips on profile/view my NFTs page.

Co-authored-by: Padmini Pyapali <padminipyapali@Padminis-MacBook-Pro.local>

src/nft/components/collection/TraitChip.tsx

@@ -5,9 +5,9 @@ const TraitChipWrap = styled.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 2px 4px 2px 12px;
+  padding: 6px 6px 6px 12px;
   font-weight: 600;
-  border-radius: 12px;
+  border-radius: 8px;
   background-color: ${({ theme }) => theme.backgroundInteractive};
   font-size: 14px;
 `

src/nft/components/profile/view/ProfilePage.tsx

@@ -327,11 +327,11 @@ const CollectionFilterItem = ({
   return (
     <Row
       justifyContent="center"
-      paddingRight="4"
-      paddingTop="4"
-      paddingBottom="4"
-      paddingLeft="8"
-      borderRadius="12"
+      paddingTop="6"
+      paddingRight="6"
+      paddingBottom="6"
+      paddingLeft="12"
+      borderRadius="8"
       background="backgroundOutline"
       fontSize="14"
     >