chore(match): more minor fixups (#350)

* chore(MeetingInfo): add icon beside meeting location

* chore(MeetingInfo): change stand time to within opening hours

* fix(match): format time with Europe/Oslo-timezone

* chore(ScannerTutorial): add blid-finding help

src/components/matches/MeetingInfo.tsx

@@ -2,6 +2,7 @@ import { Box, Typography } from "@mui/material";
 import ScheduleIcon from "@mui/icons-material/Schedule";
 import { formatDatetime } from "./matchesList/helper";
 import React from "react";
+import PlaceIcon from "@mui/icons-material/Place";
 import { MatchWithDetails } from "@boklisten/bl-model";
 
 const MeetingInfo = ({ match }: { match: MatchWithDetails }) => {
@@ -10,9 +11,12 @@ const MeetingInfo = ({ match }: { match: MatchWithDetails }) => {
 
   return (
     <Box sx={{ display: "flex", flexDirection: "column", alignItems: "left" }}>
-      <Typography fontWeight="bold" variant={"subtitle1"}>
-        {meetingLocation}
-      </Typography>
+      <Box sx={{ display: "flex", marginTop: ".2rem", alignItems: "center" }}>
+        <PlaceIcon sx={{ marginRight: ".2rem" }} />
+        <Typography fontWeight="bold" variant={"subtitle1"}>
+          {meetingLocation}
+        </Typography>
+      </Box>
       <Box sx={{ display: "flex", marginTop: ".2rem", alignItems: "center" }}>
         <ScheduleIcon sx={{ marginRight: ".2rem" }} />
         {(meetingTime && (
@@ -21,7 +25,7 @@ const MeetingInfo = ({ match }: { match: MatchWithDetails }) => {
               {formatDatetime(new Date(meetingTime))}
             </Typography>
           </>
-        )) || <>Du kan møte opp når som helst i løpet av dagen</>}
+        )) || <>Du kan møte opp når som helst i skolens åpningstider</>}
       </Box>
     </Box>
   );

src/components/matches/Scanner/ScannerTutorial.tsx

@@ -63,6 +63,10 @@ const ScannerTutorial = () => {
               width={300}
               height={150}
             />
+            <Typography sx={{ mb: ".4rem", mt: "1rem" }}>
+              Sliter du med å finne IDen? Sjekk innsiden av boka, eller be om
+              hjelp fra kontaktelev eller stand
+            </Typography>
           </Card>
 
           <Card

src/components/matches/matchesList/helper.tsx

@@ -97,7 +97,10 @@ export function getSortedMatchGroups<T extends MatchWithDetails>(
 }
 
 export function formatDatetime(date: Date): string {
-  const dateString = date.toLocaleDateString("no");
-  const timeString = date.toLocaleTimeString("no", { timeStyle: "short" });
+  const dateString = date.toLocaleDateString("no", { timeZone: "Europe/Oslo" });
+  const timeString = date.toLocaleTimeString("no", {
+    timeZone: "Europe/Oslo",
+    timeStyle: "short",
+  });
   return `${dateString} ${timeString}`;
 }