add url to the href in links

Author: naz3eh

frontend/src/Components/Footer/index.tsx

@@ -139,15 +139,15 @@ const Footer = () => {
         <Stack align={'flex-start'}>
           <ListHeader>Social</ListHeader>
           <ButtonGroup>
-            <a href="https://twitter.com/developer_dao">
+            <Link target={'_blank'} href="https://twitter.com/developer_dao">
               <FaTwitter aria-label="Twitter" />
-            </a>
-            <a href="https://t.co/k407RuG8eV">
+            </Link>
+            <Link target={'_blank'} href="https://t.co/k407RuG8eV">
               <FaDiscord aria-label="Discord" />
-            </a>
-            <a href="https://github.com/Developer-DAO">
+            </Link>
+            <Link target={'_blank'} href="https://github.com/Developer-DAO">
               <FaGithub aria-label="Github" />
-            </a>
+            </Link>
           </ButtonGroup>
         </Stack>
       </SimpleGrid>

frontend/src/Components/Intro/index.tsx

@@ -88,6 +88,12 @@ const IntroComponent = () => {
               py={{ base: '1rem', xl: '1.5rem' }}
               borderRadius={{ base: '.438rem', xl: '0.688rem' }}
               fontSize={{ base: '0.75rem', xl: '1.25rem' }}
+              onClick={() => {
+                window.open(
+                  'https://developerdao.notion.site/How-to-use-Snapshot-32692309faf446ddb2a898f22050fb5f#05f55b4052c044169402a443b36945ff',
+                  '_blank',
+                );
+              }}
             >
               <Box as={BsFillLightningChargeFill} mr=".5rem" color="#FFD666" />
               Read our snapshot