feat: Add Mint NAMEs flow (#2079)

* wip

* fix: adjust UI to the latest designs

* fix: remove unused import

* feat: Remove ClaimYourName component from the AssetBrowse

* feat: rollback sidebar change

* chore: add translations

* feat: use rpc provider if no connected provider is available

* feat: mobile support

* feat: fix styles for desktop

* feat: add min length validation

* feat: adjust to new styles

* feat: add DAO popup

* test: fix tests

* feat: add styles for the set alias phase

* feat: add spanish translation

* test: add ClaimNameFatFingerModal tests

* test: add tests for SetNameAsAliasModal

* chore: rename Mint to Claim for NAMEs

* feat: disable button if user does not have enough balance

* feat: disable the button if loading status is true

* test: refactor of some tests
chore: mainnet settingsw

* test: refactor some tests

* feat: use PageLayout in ClaimNamePage

* test: add test case for success page for ENS

* test: rename test

* feat: update ClaimNamePage images

* chore: remove ununsed import

* test: add tests for the ens utils methods

* test: update tests

* feat: update wordings

webapp/src/components/AssetBrowse/AssetBrowse.tsx

@@ -33,7 +33,6 @@ import CollectionList from '../CollectionList'
 import StoreSettings from '../StoreSettings'
 import Sales from '../Sales'
 import { Bids } from '../Bids'
-import { ClaimYourName } from '../ClaimYourName'
 import { Props } from './AssetBrowse.types'
 import MapTopbar from './MapTopbar'
 import MapBrowse from './MapBrowse'
@@ -233,7 +232,6 @@ const AssetBrowse = (props: Props) => {
     case DecentralandSection.ENS:
       right = (
         <>
-          {!isAccountOrCurrentAccount && <ClaimYourName />}
           <AssetTopbar />
           <AssetList isManager={isCurrentAccount} />
         </>
@@ -257,7 +255,6 @@ const AssetBrowse = (props: Props) => {
     Sections.decentraland.LAND,
     Sections.decentraland.WEARABLES,
     Sections.decentraland.EMOTES,
-    Sections.decentraland.ENS,
     Sections.decentraland.ON_SALE,
     Sections.decentraland.ON_RENT,
     Sections.decentraland.SALES,

webapp/src/components/AssetTopbar/AssetTopbar.tsx

@@ -159,13 +159,6 @@ export const AssetTopbar = ({
     [onBrowse, onlyOnSale, onlyOnRent]
   )
 
-  useEffect(() => {
-    const option = sortByOptions.find(option => option.value === sortBy)
-    if (!option) {
-      onBrowse({ sortBy: sortByOptions[0].value })
-    }
-  }, [onBrowse, sortBy, sortByOptions])
-
   const sortByValue = sortByOptions.find(option => option.value === sortBy)
     ? sortBy
     : sortByOptions[0].value

webapp/src/components/BrowsePage/BrowsePage.tsx

@@ -29,7 +29,7 @@ const BrowsePage = (props: Props) => {
         isFullscreen={Boolean(isFullscreen)}
         view={View.MARKET}
         section={section}
-        sections={[Section.WEARABLES, Section.EMOTES, Section.ENS]}
+        sections={[Section.WEARABLES, Section.EMOTES]}
         contracts={contracts}
       />
       <Footer isFullscreen={isFullscreen} />