all components should accept additional classnames

pages/index.tsx

@@ -259,7 +259,7 @@ const Index = () => (
       </ColorfulLink>{" "}
       <sup className="monospace pgp_key">
         <ColorfulLink href="/pubkey.asc" title="My Public Key" lightColor="#757575" darkColor="#959595" external>
-          <LockIcon className="icon" /> 2B0C 9CF2 51E6 9A39
+          <LockIcon /> 2B0C 9CF2 51E6 9A39
         </ColorfulLink>
       </sup>
       ,{" "}

pages/projects.tsx

@@ -6,7 +6,11 @@ import { ProjectsIcon } from "../components/Icons";
 import type { GetStaticProps } from "next";
 import { RepoType } from "../types";
 
-const Projects = (props: { repos: RepoType[] }) => (
+type Props = {
+  repos: RepoType[];
+};
+
+const Projects = ({ repos }: Props) => (
   <>
     <NextSeo
       title="Projects"
@@ -20,7 +24,7 @@ const Projects = (props: { repos: RepoType[] }) => (
     </PageTitle>
 
     <div className="wrapper">
-      {props.repos.map((repo: RepoType) => (
+      {repos.map((repo: RepoType) => (
         <div key={repo.name} className="card">
           <RepositoryCard {...repo} />
         </div>