591/base/profile logic

[yayay927]

closes #591

Description

Checklist

• Ran Linting
• Targeted PR against correct branch.
• Linked to Github issue with discussion and accepted design OR link to spec that describes this work.
• Wrote unit tests.
• Added an entry to the CHANGELOG.md file.
• Re-reviewed Files changed in the Github PR explorer.

[ryuash]

The following should be merged together as they come hand in hand. Right now i've tested this on the likecoin chain and what i saw was, you didn't display the profile if it wasn't connected to said chain (correct) but then router corrected the casing (wrong)

useEffect(() => {
    if (state.desmosProfile) {
      const dtagInput = router.query.dtag as string;
      if ((`@${state.desmosProfile.dtag}` !== dtagInput) && (`@${state.desmosProfile.dtag.toUpperCase()}` === dtagInput.toUpperCase())) {
        router.push({ pathname: `/@${state.desmosProfile.dtag}` }, `/@${state.desmosProfile.dtag}`, { shallow: true });
      }
    }
  }, [state.desmosProfile]);

  useEffect(() => {
    if (state.desmosProfile) {
      const dtagConnections = state.desmosProfile.connections;
      const dtagConnectionsNetwork = dtagConnections.map((x) => { return x.identifier; });
      const chainPrefix = chainConfig.prefix.account;
      let containNetwork = false;
      dtagConnectionsNetwork.map((x) => {
        if (x.startsWith(chainPrefix)) { containNetwork = true; }
        return containNetwork;
      });

      if (!containNetwork) {
        handleSetState({
          exists: false,
        });
      }
    }
  }, [state.desmosProfile]);

We want to check that we can display this profile first and only then, should we think about the casing.

I would suggest making cleaning it up so that i can look something like this (not perfect but you get the point):

useEffect(() => {
    if (state.desmosProfile) {
      const showProfile = shouldShowProfile();
      if (showProfile) {
        // handle route casing update if needed
        shouldUpdateRoute()
      } else {
        // do not show profile
        handleSetState({
          exists: false,
        });
      }
    }
  }, [state.desmosProfile]);

I recommend using some instead of map for what you are trying to accomplish
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/some

      let containNetwork = false;
      dtagConnectionsNetwork.map((x) => {
        if (x.startsWith(chainPrefix)) { containNetwork = true; }
        return containNetwork;
      });