Address PR comments

components/ArchivePage.module.css

@@ -2,6 +2,11 @@
   margin-bottom: calc(40rem / 16);
 }
 
+.page > h1 {
+  border-bottom: calc(1rem / 16) solid var(--primary-heading);
+  padding-bottom: 1rem;
+}
+
 .list {
   list-style: none;
   padding: 0;

components/ArchivePage.tsx

@@ -6,6 +6,7 @@ import {
   GetShapesConfig,
   defaultGetShapesConfig,
 } from "@/components/ShapesBackground";
+import { capitalize } from "@/utils";
 
 import styles from "./ArchivePage.module.css";
 
@@ -41,7 +42,3 @@ ArchivePage.getShapesConfig = ((width, height) => {
     ? ({} as ShapesConfig)
     : defaultGetShapesConfig(width, height);
 }) as GetShapesConfig;
-
-function capitalize(str: string) {
-  return str.slice(0, 1).toUpperCase() + str.slice(1);
-}

pages/events/[year]/[term]/index.tsx

@@ -13,6 +13,7 @@ import {
   getEventYears,
   getEventTermsByYear,
 } from "@/lib/events";
+import { capitalize } from "@/utils";
 
 import styles from "./index.module.css";
 
@@ -154,7 +155,3 @@ export const getStaticPaths: GetStaticPaths<Params> = async () => {
     fallback: false,
   };
 };
-
-function capitalize(str: string) {
-  return str.slice(0, 1).toUpperCase() + str.slice(1);
-}

pages/news/[year]/[term].tsx

@@ -17,6 +17,7 @@ import {
   getNewsYears,
   News,
 } from "@/lib/news";
+import { capitalize } from "@/utils";
 
 import styles from "./[term].module.css";
 
@@ -89,7 +90,3 @@ export const getStaticPaths: GetStaticPaths<Params> = async () => {
     fallback: false,
   };
 };
-
-function capitalize(str: string) {
-  return str.slice(0, 1).toUpperCase() + str.slice(1);
-}

tsconfig.json

@@ -23,7 +23,8 @@
     "paths": {
       "@/components/*": ["components/*"],
       "@/lib/*": ["lib/*"],
-      "@/hooks/*": ["hooks/*"]
+      "@/hooks/*": ["hooks/*"],
+      "@/utils": ["utils"]
     }
   },
   "include": ["next-env.d.ts", "types.d.ts", "**/*.ts", "**/*.tsx"],

utils.ts

@@ -0,0 +1,3 @@
+export function capitalize(str: string) {
+  return str.slice(0, 1).toUpperCase() + str.slice(1);
+}