bump next to 13.5

pages/contact.tsx

@@ -5,11 +5,6 @@ import Link from "../components/Link";
 import ContactForm from "../components/ContactForm";
 import { styled } from "../lib/styles/stitches.config";
 
-const Wrapper = styled(Content, {
-  maxWidth: "600px",
-  margin: "0 auto",
-});
-
 const PGPKey = styled("code", {
   fontSize: "0.925em",
   wordSpacing: "-0.25em",
@@ -27,7 +22,12 @@ const Contact = () => {
 
       <PageTitle>📬 Contact Me</PageTitle>
 
-      <Wrapper>
+      <Content
+        css={{
+          maxWidth: "600px",
+          margin: "0 auto",
+        }}
+      >
         <p>
           Fill out this quick form and I'll get back to you as soon as I can! You can also{" "}
           <Link href="mailto:jake@jarv.is">email me directly</Link>, send me a{" "}
@@ -43,7 +43,7 @@ const Contact = () => {
         </p>
 
         <ContactForm />
-      </Wrapper>
+      </Content>
     </>
   );
 };

pages/index.tsx

@@ -1,12 +1,14 @@
-import Link, { LinkProps } from "../components/Link";
+import Link from "../components/Link";
+import { GoLock } from "react-icons/go";
 import { styled, theme, darkTheme, keyframes, stitchesConfig } from "../lib/styles/stitches.config";
+import type { ComponentPropsWithoutRef } from "react";
 
 const ColorfulLink = ({
   lightColor,
   darkColor,
   css,
   ...rest
-}: LinkProps & {
+}: ComponentPropsWithoutRef<typeof Link> & {
   lightColor: string;
   darkColor: string;
 }) => {
@@ -333,7 +335,8 @@ const Index = () => {
             underline={false}
             openInNewTab
           >
-            🔐 <PGPKey>2B0C 9CF2 51E6 9A39</PGPKey>
+            <GoLock size="1.25em" style={{ verticalAlign: "-0.25em", strokeWidth: 0.5 }} />{" "}
+            <PGPKey>2B0C 9CF2 51E6 9A39</PGPKey>
           </ColorfulLink>
         </Sup>
         ,{" "}

pages/previously.tsx

@@ -7,7 +7,7 @@ import Figure from "../components/Figure";
 import IFrame from "../components/IFrame";
 import CodeInline from "../components/CodeInline";
 import HorizontalRule from "../components/HorizontalRule";
-import { Windows95Logo } from "../components/Icons";
+import { SiWindows95 } from "react-icons/si";
 import { styled, theme } from "../lib/styles/stitches.config";
 import { ComicNeue } from "../lib/styles/fonts";
 import type { ReactElement } from "react";
@@ -41,11 +41,11 @@ const Divider = styled(HorizontalRule, {
   margin: "1em auto",
 });
 
-const Icon = styled("svg", {
+const WindowsLogo = styled(SiWindows95, {
   width: "1.2em",
   height: "1.2em",
   verticalAlign: "-0.15em",
-  marginRight: "0.15em",
+  marginRight: "0.1em",
   fill: "currentColor",
 });
 
@@ -95,7 +95,7 @@ const Previously = () => {
             fontSize: "0.95em",
           }}
         >
-          <Icon as={Windows95Logo} /> Click here for the <em>full</em> experience anyway.
+          <WindowsLogo /> Click here for the <em>full</em> experience anyway.
         </Link>
 
         <ScreenShot as="figure">

pages/projects.tsx

@@ -4,7 +4,7 @@ import Content from "../components/Content";
 import PageTitle from "../components/PageTitle";
 import Link from "../components/Link";
 import RepositoryCard from "../components/RepositoryCard";
-import { OctocatOcticon } from "../components/Icons";
+import { SiGithub } from "react-icons/si";
 import { styled, theme } from "../lib/styles/stitches.config";
 import { authorSocial } from "../lib/config";
 import type { GetStaticProps, InferGetStaticPropsType } from "next";
@@ -34,7 +34,7 @@ const ViewMore = styled("p", {
   fontWeight: 500,
 });
 
-const GitHubLogo = styled(OctocatOcticon, {
+const GitHubLogo = styled(SiGithub, {
   width: "1.2em",
   height: "1.2em",
   verticalAlign: "-0.2em",