add pc room image alt text translations

messages/en.json

@@ -34,7 +34,8 @@
   "office": {
     "title": "The Office",
     "text": "We have an office at Chateau Neuf where you can use our gear and hang out with other members! We've got all the latest and greatest consoles, 6 high-end PCs as well as a plethora of board games.",
-    "tip": "Tip: You can look around the office by clicking and dragging the image below 👀"
+    "tip": "Tip: You can look around the office by clicking and dragging the image below 👀",
+    "pcRoomImageAlt": "PC-room with 6 gaming setups"
   },
   "boardMembers": {
     "title": "The Board",

messages/no.json

@@ -34,7 +34,8 @@
   "office": {
     "title": "Kontoret",
     "text": "Vi har foreningskontor på Chateau Neuf der man kan bruke utstyret vårt og henge med andre medlemmer! Vi har blant annet alle de nyeste konsollene, 6 gaming-PCer samt et bredt utvalg av brettspill.",
-    "tip": "Tips: Du kan kikke rundt i kontoret ved å klikke og dra på bildet nedenfor 👀"
+    "tip": "Tips: Du kan kikke rundt i kontoret ved å klikke og dra på bildet nedenfor 👀",
+    "pcRoomImageAlt": "PC-rom som inneholder 6 spillmaskiner"
   },
   "boardMembers": {
     "title": "Styret",

src/components/page-sections/office.tsx

@@ -26,7 +26,7 @@ const Office = () => {
         </div>
         <Image
           src="/pc_room.jpg"
-          alt="Picture of PC-room. Shows 6 gaming PC setups"
+          alt={t("pcRoomImageAlt")}
           className={styles.pcRoomImage}
           width={666}
           height={500}