fix: collection banner sizing (#5039)

* fix

* fix in response to vm comments

src/nft/components/collection/TraitSelect.tsx

@@ -113,7 +113,7 @@ export const TraitSelect = ({ traits, type, index }: { traits: Trait[]; type: st
   const debouncedSearch = useDebounce(search, 300)
 
   const searchedTraits = useMemo(
-    () => traits.filter((t) => t.trait_value.toString().toLowerCase().includes(debouncedSearch.toLowerCase())),
+    () => traits.filter((t) => t.trait_value?.toString().toLowerCase().includes(debouncedSearch.toLowerCase())),
     [debouncedSearch, traits]
   )
 

src/nft/pages/collection/index.tsx

@@ -74,8 +74,8 @@ const Collection = () => {
           {contractAddress ? (
             <>
               {' '}
-              <Box width="full" height="160">
-                <Box width="full" height="160">
+              <Box width="full" height="276">
+                <Box width="full" height="276">
                   {isLoading ? (
                     <Box height="full" width="full" className={styles.loadingBanner} />
                   ) : (
@@ -83,7 +83,7 @@ const Collection = () => {
                       as="img"
                       height="full"
                       width="full"
-                      src={collectionStats?.bannerImageUrl}
+                      src={`${collectionStats?.bannerImageUrl}?w=${window.innerWidth}`}
                       className={isLoading ? styles.loadingBanner : styles.bannerImage}
                       background="none"
                     />