fix: various runtime errors (#2168)

Author: OdaRunde

frontend/src/app/_components/LandingHero/Organizations.tsx

@@ -9,12 +9,12 @@ import { Swiper, SwiperSlide } from "swiper/react";
 import { Organization, OrganizationLink } from "./OrganizationLink";
 
 const organizations: Readonly<Organization[]> = [
-  { name: "Janus", internalUrl: "/janus/info" },
+  { name: "Janus", internalUrl: "/about" },
   { name: "Bindeleddet", externalUrl: "https://www.bindeleddet.no" },
   { name: "ESTIEM", externalUrl: "https://sites.google.com/view/estiem-ntnu" },
   { name: "Janus Kultur", internalUrl: "/about/organization?category=kultur" },
   { name: "Rubberdøk", internalUrl: "/about/organizations/rubberdok" },
-  { name: "Janushyttene", internalUrl: "/about/organizations/Janushyttene" },
+  { name: "Janushyttene", internalUrl: "/about/organizations/hytteforeningen" },
   { name: "Janus IF", internalUrl: "/about/organization?category=idrett" },
 ] as const;
 

frontend/src/components/Markdown/components.tsx

@@ -1,13 +1,4 @@
-import {
-  Box,
-  Card,
-  CardContent,
-  Divider,
-  List,
-  ListItemText,
-  ListItem as MuiListItem,
-  Typography,
-} from "@mui/material";
+import { Card, CardContent, Divider, List, ListItemText, ListItem as MuiListItem, Typography } from "@mui/material";
 import { listItemClasses } from "@mui/material/ListItem";
 import { styled } from "@mui/material/styles";
 import { typographyClasses } from "@mui/material/Typography";
@@ -64,11 +55,7 @@ const H6: Components["h2"] = ({ children, id }) => {
 };
 
 const Image: Components["img"] = (props) => {
-  return (
-    <Box maxWidth="100%" height="auto">
-      <img {...props} style={{ objectFit: "contain" }} width="100%" />
-    </Box>
-  );
+  return <img {...props} style={{ objectFit: "contain" }} width="100%" />;
 };
 
 const UnorderedList: Components["ul"] = ({ children }) => {

frontend/src/layouts/navigation/variants/Basic/index.tsx

@@ -18,7 +18,7 @@ export const Basic: React.FC<NavigationProps> = ({ routes }) => {
           {routes.map((route) => {
             if (route.permission)
               return (
-                <PermissionRequired permission={route.permission} key={route.title} optimistic>
+                <PermissionRequired permission={route.permission} key={route.title}>
                   <NavigationLink route={route} active={pathname.includes(route.path)} />
                 </PermissionRequired>
               );

frontend/src/layouts/navigation/variants/Drawer/index.tsx

@@ -1,5 +1,5 @@
 import { Menu } from "@mui/icons-material";
-import { Box, Divider, Drawer as MuiDrawer, IconButton, Stack } from "@mui/material";
+import { Box, Divider, IconButton, Drawer as MuiDrawer, Stack } from "@mui/material";
 import { useRouter } from "next/router";
 import { useState } from "react";
 
@@ -42,7 +42,7 @@ export const Drawer: React.FC<NavigationProps> = ({ routes }) => {
               {routes.map((route) => {
                 if (route.permission) {
                   return (
-                    <PermissionRequired permission={route.permission} key={route.title} optimistic>
+                    <PermissionRequired permission={route.permission} key={route.title}>
                       <NavigationLink route={route} active={pathname.includes(route.path)} />
                     </PermissionRequired>
                   );