add venue map and style tables and make a placeholder image gallery

web/src/components/venues/VenueInfo.tsx

@@ -0,0 +1,51 @@
+import { VenueFragment } from "@/gql/graphql";
+import styles from "./venueInfo.module.scss";
+import Link from "next/link";
+import Image from "../general/Image";
+
+export const VenueInfo = ({ venue }: { venue: VenueFragment }) => {
+  return (
+    <div className={styles.venueInfo}>
+      <table>
+        <tbody>
+          <tr>
+            <th>Etasje</th>
+            <td>{venue.floor}</td>
+          </tr>
+          <tr>
+            <th>Branntillatelse for</th>
+            <td>{venue.capacityLegal}</td>
+          </tr>
+          <tr>
+            <th>Stående</th>
+            <td>{venue.capacityStanding}</td>
+          </tr>
+          <tr>
+            <th>Sittende</th>
+            <td>{venue.capacitySitting}</td>
+          </tr>
+          <tr>
+            <th>Bruk</th>
+            <td>TODO</td>
+          </tr>
+          <tr>
+            <th>Bar</th>
+            <td>{venue.capabilityBar}</td>
+          </tr>
+          <tr>
+            <th>Lyd</th>
+            <td>{venue.capabilityLighting}</td>
+          </tr>
+          <tr>
+            <th>Lys</th>
+            <td>{venue.capabilityLighting}</td>
+          </tr>
+          <tr>
+            <th>A/V</th>
+            <td>{venue.capabilityAudioVideo}</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  );
+};