Fix spacing. Move to center. Shorten name.

Author: briangershon

components/footer/Footer.tsx

@@ -26,44 +26,42 @@ export default function Footer() {
         align={{ base: 'center', md: 'center' }}
       >
         <Text>Developer DAO - {new Date().getFullYear()}</Text>
-        <Stack direction={'row'} spacing={6}>
-          <SocialButton
-            label={'Twitter'}
-            href={'https://twitter.com/devdao_academy'}
-          >
-            <FaTwitter />
-          </SocialButton>
-          <SocialButton
-            label={'Github'}
-            href={'https://github.com/developer-dao/academy'}
-          >
-            <FaGithub />
-          </SocialButton>
-        </Stack>
-        <Box>
+        <Stack direction={'row'} spacing={3}>
           <NextLink
             href={
               'https://github.com/Developer-DAO/academy/issues/new?assignees=&labels=needs+triage%2C+bug&template=bug_report.md&title='
             }
             passHref
           >
             <Link isExternal textDecoration="underline">
-              Where to send feedback
+              Feedback
             </Link>
           </NextLink>
-          {'. '}
           <NextLink
             href={
               'https://github.com/Developer-DAO/academy/blob/main/CONTRIBUTING.md'
             }
             passHref
           >
             <Link isExternal textDecoration="underline">
-              How to Contribute
+              Contribute
             </Link>
           </NextLink>
-          {'.'}
-        </Box>
+        </Stack>
+        <Stack direction={'row'} spacing={6}>
+          <SocialButton
+            label={'Twitter'}
+            href={'https://twitter.com/devdao_academy'}
+          >
+            <FaTwitter />
+          </SocialButton>
+          <SocialButton
+            label={'Github'}
+            href={'https://github.com/developer-dao/academy'}
+          >
+            <FaGithub />
+          </SocialButton>
+        </Stack>
       </Container>
     </Box>
   )