Organise /public

As this directory grows it is nice to have all the images sorted into folders

pages/jobs/lead-hacker.js

@@ -144,7 +144,7 @@ const Page = () => (
 
         <Grid mb={5} gap={3} columns={[null, 2, 3]}>
           <Photo
-            src="/charlotte-vt.jpg"
+            src="/jobs/charlotte-vt.jpg"
             alt={<>
               <Link
                 href="https://thecharlottebridge.org/"
@@ -176,7 +176,7 @@ const Page = () => (
             showAlt
           />
           <Photo
-            src="/hack-penn.jpg"
+            src="/jobs/hack-penn.jpg"
             alt={
               <>
                 <Link
@@ -224,7 +224,7 @@ const Page = () => (
       >
         <Box sx={{ flex: 1, maxWidth: [null, null, 400] }}>
           <Photo
-            src="/hq.jpg"
+            src="/jobs/hq.jpg"
             alt="Our headquarters in beautiful Shelburne, Vermont"
             width={500}
             height={326.5}

pages/stickers.js

@@ -45,7 +45,7 @@ const StickersPage = ({ stickers = [] }) => [
         width={2732}
         height={1821}
         alt="Students exchanging stickers"
-        src="/stickers-hero.jpg"
+        src="/stickers/hero.jpg"
         gradient
       />
       <Card