Move useful links from the landing page to the dashboard

dapp/src/pages/DashboardPage/PageLayout/PageLayoutColumn.tsx

@@ -10,7 +10,7 @@ function PageLayoutColumn(props: PageLayoutColumnProps) {
 
   return (
     <VStack
-      spacing={4}
+      spacing={5}
       gridArea={
         isMain
           ? {

dapp/src/pages/DashboardPage/UsefulLinks.tsx

@@ -0,0 +1,30 @@
+import React from "react"
+import { VStack } from "@chakra-ui/react"
+import ButtonLink from "#/components/shared/ButtonLink"
+import { EXTERNAL_HREF } from "#/constants"
+
+export default function UsefulLinks() {
+  return (
+    <VStack>
+      {[
+        { label: "Documentation", url: EXTERNAL_HREF.DOCS },
+        { label: "Blog", url: EXTERNAL_HREF.BLOG },
+        { label: "FAQ", url: EXTERNAL_HREF.FAQ },
+      ].map(({ label, url }) => (
+        <ButtonLink
+          key={url}
+          href={url}
+          isExternal
+          color="brand.400"
+          w="100%"
+          size="lg"
+          fontWeight="semibold"
+          variant="card"
+          justifyContent="center"
+        >
+          {label}
+        </ButtonLink>
+      ))}
+    </VStack>
+  )
+}

dapp/src/pages/DashboardPage/index.tsx

@@ -8,6 +8,7 @@ import { PageLayout, PageLayoutColumn } from "./PageLayout"
 import AcrePointsCard from "./AcrePointsCard"
 import { CurrentSeasonCard } from "./CurrentSeasonCard"
 import BeehiveCard from "./BeehiveCard"
+import UsefulLinks from "./UsefulLinks"
 
 export default function DashboardPage() {
   const isMobileMode = useMobileMode()
@@ -31,6 +32,7 @@ export default function DashboardPage() {
 
       <PageLayoutColumn position="relative">
         <AcrePointsCard />
+        <UsefulLinks />
       </PageLayoutColumn>
     </PageLayout>
   )