Remove unused pages / components and fix usage of Wrap with WrapItem (#284)

* Remove unused pages / components

* Add WrapItem around components inside Wrap component

New version of Chakra requires WrapItem around any components that have Wrap

* Update LoginButton to link to own profile and show Avatar (#285)

* Update LoginButton to link to own profile and show Avatar

* Change SetupUsername to explicitly mention "username"

packages/web/components/Player/Section/PlayerSkills.tsx

@@ -1,4 +1,4 @@
-import { MetaTag, Wrap } from '@metafam/ds';
+import { MetaTag, Wrap, WrapItem } from '@metafam/ds';
 import { PlayerFragmentFragment } from 'graphql/autogen/types';
 import { SkillColors } from 'graphql/types';
 import React from 'react';
@@ -14,18 +14,15 @@ export const PlayerSkills: React.FC<Props> = ({ player, onRemoveClick }) => {
     <ProfileSection title="Skills" onRemoveClick={onRemoveClick}>
       <Wrap>
         {(player.Player_Skills || []).map(({ Skill }) => (
-          <MetaTag
-            key={Skill.id}
-            size="md"
-            fontWeight="normal"
-            backgroundColor={SkillColors[Skill.category]}
-            pt={2}
-            pb={2}
-            pl={4}
-            pr={4}
-          >
-            {Skill.name}
-          </MetaTag>
+          <WrapItem key={Skill.id}>
+            <MetaTag
+              size="md"
+              fontWeight="normal"
+              backgroundColor={SkillColors[Skill.category]}
+            >
+              {Skill.name}
+            </MetaTag>
+          </WrapItem>
         ))}
       </Wrap>
     </ProfileSection>