Added Twitter icon to the header / footer of the homepage

app/components/Home/HomeFooter.tsx

@@ -2,6 +2,7 @@ import { DiscordIcon } from "../Icons/DiscordIcon";
 import { EmailIcon } from "../Icons/EmailIcon";
 import { GithubIcon } from "../Icons/GithubIcon";
 import { Logo } from "../Icons/Logo";
+import { TwitterIcon } from "../Icons/TwitterIcon";
 
 export type HomeFooterProps = {
   maxWidth?: string;
@@ -36,6 +37,11 @@ export function HomeFooter({ maxWidth = "1150px" }: HomeFooterProps) {
               <DiscordIcon />
             </a>
           </li>
+          <li className="ml-2 hover:cursor-pointer">
+            <a href="https://twitter.com/json_hero" target="_blank">
+              <TwitterIcon />
+            </a>
+          </li>
         </ol>
       </div>
     </footer>

app/components/Home/HomeHeader.tsx

@@ -1,5 +1,6 @@
 import { DiscordIconTransparent } from "../Icons/DiscordIconTransparent";
 import { EmailIconTransparent } from "../Icons/EmailIconTransparent";
+import { TwitterIcon } from "../Icons/TwitterIcon";
 import { Logo } from "../Icons/Logo";
 import { NewDocument } from "../NewDocument";
 import { GithubStar } from "../UI/GithubStar";
@@ -45,6 +46,11 @@ export function HomeHeader() {
             <DiscordIconTransparent />
           </a>
         </li>
+        <li className="hover:cursor-pointer opacity-90 hover:opacity-100 transition">
+          <a href="https://twitter.com/json_hero" target="_blank">
+            <TwitterIcon />
+          </a>
+        </li>
       </ol>
     </header>
   );