Tidy up metadata, headings, forms, and small accessibility fixes

src/lib/utils.ts

@@ -17,7 +17,7 @@ const allProjectHeros = import.meta.glob<{ default: ImageMetadata }>(
 );
 
 const allImages = import.meta.glob<{ default: ImageMetadata }>(
-  "/**/*.{jpeg,jpg,png,gif}",
+  "/src/assets/**/*.{jpeg,jpg,png,gif}",
   {
     eager: true
   }
@@ -82,11 +82,12 @@ export function getAllProjectImages(project: Project): ImageMetadata[] {
 }
 
 export function shuffleArray<T>(array: Array<T>): Array<T> {
-  for (let i = array.length - 1; i > 0; i--) {
+  const copy = [...array];
+  for (let i = copy.length - 1; i > 0; i--) {
     const j = Math.floor(Math.random() * (i + 1));
-    [array[i], array[j]] = [array[j], array[i]];
+    [copy[i], copy[j]] = [copy[j], copy[i]];
   }
-  return array;
+  return copy;
 }
 
 export async function convertEagerImagesImportGlobToArray(