fix: bag autoclose when going to collection page (#5311)

* fix: bag autoclose when going to collection page

* moved eslint comment

src/nft/pages/collection/index.tsx

@@ -72,6 +72,7 @@ const Collection = () => {
   const isActivityToggled = pathname.includes('/activity')
   const setMarketCount = useCollectionFilters((state) => state.setMarketCount)
   const isBagExpanded = useBag((state) => state.bagExpanded)
+  const setBagExpanded = useBag((state) => state.setBagExpanded)
   const { chainId } = useWeb3React()
 
   const collectionStats = useCollectionQuery(contractAddress as string)
@@ -100,6 +101,11 @@ const Collection = () => {
     setMarketCount(marketCount)
   }, [collectionStats?.marketplaceCount, setMarketCount])
 
+  useEffect(() => {
+    setBagExpanded({ bagExpanded: false, manualClose: false })
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [])
+
   const toggleActivity = () => {
     isActivityToggled
       ? navigate(`/nfts/collection/${contractAddress}`)