Use named imports for MUI components (#40)

Author: gfrn

src/components/Footer.tsx

@@ -1,5 +1,10 @@
-import { Link, LinkProps, Typography, useTheme } from "@mui/material";
-import Grid from "@mui/material/Grid2";
+import {
+  Link,
+  LinkProps,
+  Typography,
+  Grid2 as Grid,
+  useTheme,
+} from "@mui/material";
 
 import React from "react";
 import {

src/components/User.tsx

@@ -4,13 +4,13 @@ import {
   Button,
   Box,
   Link,
+  Menu,
+  MenuItem,
   Stack,
   Typography,
   useTheme,
 } from "@mui/material";
 
-import Menu from "@mui/material/Menu";
-import MenuItem from "@mui/material/MenuItem";
 import { ReactNode, useState } from "react";
 
 import { MdLogin } from "react-icons/md";