Bump deps and fix new lint errors

components/BigCard.tsx

@@ -46,3 +46,5 @@ export default function BigCard({
     </Card>
   );
 }
+
+BigCard.defaultProps = { colorHover: undefined, sized: undefined };

components/Gallery.tsx

@@ -6,11 +6,17 @@ import { ImageKey } from "../images";
 import CustomImage from "./CustomImage";
 import RatioImage from "./RatioImage";
 
+// Incorrectly detected as prop types, but these are actually array elements, so
+// it doesn't make sense to give default values.
+/* eslint-disable react/require-default-props */
+/* eslint-disable react/no-unused-prop-types */
 export interface LayoutSpec {
   imageKey?: ImageKey;
   width?: number;
   aspectRatio?: [number, number];
 }
+/* eslint-enable react/require-default-props */
+/* eslint-enable react/no-unused-prop-types */
 
 export interface GalleryProps {
   children?: React.ReactNode;
@@ -70,3 +76,5 @@ export default function Gallery({
     </>
   );
 }
+
+Gallery.defaultProps = { children: false, className: undefined, reverseOnSmallScreens: undefined };

components/Hero.tsx

@@ -38,3 +38,5 @@ export default function Hero({ imageKey, children }: HeroProps) {
     </div>
   );
 }
+
+Hero.defaultProps = { children: undefined };

components/PageTitle.tsx

@@ -12,3 +12,5 @@ export default function PageTitle({ title }: PageTitleProps) {
     </Head>
   );
 }
+
+PageTitle.defaultProps = { title: undefined };

components/ProfileCardGroup.tsx

@@ -5,7 +5,7 @@ import Row from "react-bootstrap/Row";
 export interface ProfileCardGroupProps {
   title?: string;
   profiles: React.ReactNode[];
-  width: 3 | 4;
+  width?: 3 | 4;
 }
 
 export default function ProfileCardGroup({ title, profiles, width }: ProfileCardGroupProps) {
@@ -39,4 +39,4 @@ export default function ProfileCardGroup({ title, profiles, width }: ProfileCard
   );
 }
 
-ProfileCardGroup.defaultProps = { width: 4 };
+ProfileCardGroup.defaultProps = { title: undefined, width: 4 };