Fixed issue for createTheme_default being undefined

* Made sure that all materials are imported from the top level
* See issue mui/material-ui#31835
* Small cosmetic changes for the other mui/material imports

src/components/BasicDateCalendar/index.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { createTheme, ThemeProvider } from "@mui/material/styles";
+import { createTheme, ThemeProvider } from "@mui/material";
 import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
 import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
 import { DateCalendar } from "@mui/x-date-pickers/DateCalendar";

src/components/DiscreteSlider/index.tsx

@@ -1,6 +1,5 @@
 import * as React from "react";
-import Box from "@mui/material/Box";
-import Slider from "@mui/material/Slider";
+import { Box, Slider } from "@mui/material";
 
 function valuetext(value: number) {
   return `${value}%`;

src/components/FarmCard/index.tsx

@@ -9,10 +9,7 @@ import { getToken, getTokens, updateToken } from "../../store/tokenSlice";
 import { UnknownAction } from "@reduxjs/toolkit";
 import ArrowForwardIcon from "@mui/icons-material/ArrowForward";
 
-import Accordion from "@mui/material/Accordion";
-import AccordionActions from "@mui/material/AccordionActions";
-import AccordionSummary from "@mui/material/AccordionSummary";
-import AccordionDetails from "@mui/material/AccordionDetails";
+import { Accordion, AccordionActions, AccordionSummary, AccordionDetails } from "@mui/material";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 import BigNumber from "bignumber.js";
 import { getAlgorandClients } from "../../wallets";

src/components/NFTCollectionTable/index.tsx

@@ -1,12 +1,13 @@
 import React from "react";
 import { styled as mstyled } from "@mui/system";
-import Table from "@mui/material/Table";
-import TableBody from "@mui/material/TableBody";
-import TableCell from "@mui/material/TableCell";
-import TableContainer from "@mui/material/TableContainer";
-import TableHead from "@mui/material/TableHead";
-import TableRow from "@mui/material/TableRow";
-import Paper from "@mui/material/Paper";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableContainer,
+  TableHead,
+  TableRow,
+} from "@mui/material";
 import { useSelector } from "react-redux";
 import { RootState } from "../../store/store";
 import styled from "styled-components";

src/components/NFTListingTable/index.tsx

@@ -1,12 +1,13 @@
 import React, { useMemo, useState } from "react";
 import { styled as mstyled } from "@mui/system";
-import Table from "@mui/material/Table";
-import TableBody from "@mui/material/TableBody";
-import TableCell from "@mui/material/TableCell";
-import TableContainer from "@mui/material/TableContainer";
-import TableHead from "@mui/material/TableHead";
-import TableRow from "@mui/material/TableRow";
-import Paper from "@mui/material/Paper";
+import { 
+  Table,
+  TableBody,
+  TableCell,
+  TableContainer,
+  TableHead,
+  TableRow,
+} from "@mui/material";
 import { useSelector } from "react-redux";
 import { RootState } from "../../store/store";
 import styled from "styled-components";

src/components/NFTSaleActivityTable/index.tsx

@@ -1,12 +1,13 @@
 import React, { useMemo } from "react";
 import { styled as mstyled } from "@mui/system";
-import Table from "@mui/material/Table";
-import TableBody from "@mui/material/TableBody";
-import TableCell from "@mui/material/TableCell";
-import TableContainer from "@mui/material/TableContainer";
-import TableHead from "@mui/material/TableHead";
-import TableRow from "@mui/material/TableRow";
-import Paper from "@mui/material/Paper";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableContainer,
+  TableHead,
+  TableRow,
+} from "@mui/material";
 import { useSelector } from "react-redux";
 import { RootState } from "../../store/store";
 import styled from "styled-components";

src/components/NFTSalesTable/index.tsx

@@ -1,12 +1,13 @@
 import React from "react";
 import { styled } from "@mui/system";
-import Table from "@mui/material/Table";
-import TableBody from "@mui/material/TableBody";
-import TableCell from "@mui/material/TableCell";
-import TableContainer from "@mui/material/TableContainer";
-import TableHead from "@mui/material/TableHead";
-import TableRow from "@mui/material/TableRow";
-import Paper from "@mui/material/Paper";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableContainer,
+  TableHead,
+  TableRow,
+} from "@mui/material";
 import { useSelector } from "react-redux";
 import { RootState } from "../../store/store";
 

src/components/NFTTabs/index.tsx

@@ -1,8 +1,5 @@
 import * as React from "react";
-import Tabs from "@mui/material/Tabs";
-import Tab from "@mui/material/Tab";
-import Typography from "@mui/material/Typography";
-import Box from "@mui/material/Box";
+import { Box, Tabs, Tab, Typography } from "@mui/material";
 import axios from "axios";
 import NFTSalesTable from "../NFTSalesTable";
 import moment from "moment";

src/components/Navbar/index.tsx

@@ -7,7 +7,7 @@ import Home from "../../components/SVG/Home";
 import TokenLogo from "../../components/SVG/Token";
 import { RootState } from "../../store/store";
 import { useSelector } from "react-redux";
-import Box from "@mui/material/Box";
+import { Box } from "@mui/material";
 import { useWallet } from "@txnlab/use-wallet-react";
 import { useCopyToClipboard } from "usehooks-ts";
 import { toast } from "react-toastify";

src/components/RankingList/index.tsx

@@ -2,8 +2,7 @@ import React, { useMemo } from "react";
 import { styled as mstyled } from "@mui/system";
 import { useSelector } from "react-redux";
 import { RootState } from "../../store/store";
-import { Box, Grid } from "@mui/material";
-import Stack from "@mui/material/Stack";
+import { Box, Grid, Stack } from "@mui/material";
 import styled from "styled-components";
 import { collections } from "../../constants/games";
 import { Link, useNavigate } from "react-router-dom";