Remove unused imports and changed and improved layout design and responsiveness in some components and fixed some bugs.

src/pages/dashboard/admin.tsx

@@ -80,13 +80,12 @@ export const getServerSideProps = withIronSessionSsr(async ({ req, res }) => {
       { _id: 0, id: 1, name: 1, email: 1, profilePicture: 1 }
     ),
   ]);
-
-  const assignmentsCount = await countEntitiesAssignments(
-    mapBy(entities, "id"),
-    { archived: { $ne: true } }
-  );
-
-  const stats = await getStatsByUsers(mapBy(students, "id"));
+  const [assignmentsCount, stats] = await Promise.all([
+    countEntitiesAssignments(mapBy(entities, "id"), {
+      archived: { $ne: true },
+    }),
+    getStatsByUsers(mapBy(students, "id")),
+  ]);
 
   return {
     props: serialize({

src/pages/dashboard/corporate.tsx

@@ -32,7 +32,6 @@ import {
 import { ToastContainer } from "react-toastify";
 import { useAllowedEntities } from "@/hooks/useEntityPermissions";
 import { isAdmin } from "@/utils/users";
-import { count } from "console";
 
 interface Props {
   user: User;

src/pages/dashboard/index.tsx

@@ -1,4 +1,3 @@
-import { User } from "@/interfaces/user";
 import { sessionOptions } from "@/lib/session";
 import { redirect } from "@/utils";
 import { requestUser } from "@/utils/api";

src/pages/dashboard/mastercorporate.tsx

@@ -34,7 +34,6 @@ import {
 } from "react-icons/bs";
 import { ToastContainer } from "react-toastify";
 import { isAdmin } from "@/utils/users";
-import { count } from "console";
 
 interface Props {
   user: User;

src/pages/dashboard/student.tsx

@@ -16,7 +16,6 @@ import useExamStore from "@/stores/exam";
 import { findBy, mapBy, redirect, serialize } from "@/utils";
 import { requestUser } from "@/utils/api";
 import { getAssignmentsForStudent } from "@/utils/assignments.be";
-import { getEntities } from "@/utils/entities.be";
 import { getExamsByIds } from "@/utils/exams.be";
 import { getGradingSystemByEntity } from "@/utils/grading.be";
 import {
@@ -78,14 +77,12 @@ export const getServerSideProps = withIronSessionSsr(async ({ req, res }) => {
     }),
   ]);
   const assignmentsIDs = mapBy(assignments, "id");
-
-  const sessions = await getSessionsByUser(user.id, 10, {
-    ["assignment.id"]: { $in: assignmentsIDs },
-  });
-
-  const formattedInvites = await Promise.all(
-    invites.map(convertInvitersToEntity)
-  );
+  const [sessions, ...formattedInvites] = await Promise.all([
+    getSessionsByUser(user.id, 10, {
+      ["assignment.id"]: { $in: assignmentsIDs },
+    }),
+    ...invites.map(convertInvitersToEntity),
+  ]);
 
   const examIDs = uniqBy(
     assignments.reduce<{ module: Module; id: string; key: string }[]>(
@@ -110,7 +107,7 @@ export const getServerSideProps = withIronSessionSsr(async ({ req, res }) => {
     props: serialize({
       user,
       assignments,
-      stats,
+      stats: stats ,
       exams,
       sessions,
       invites: formattedInvites,
@@ -184,7 +181,7 @@ export default function Dashboard({
               icon: (
                 <BsFileEarmarkText className="w-6 h-6 md:w-8 md:h-8 text-mti-red-light" />
               ),
-              value: stats.fullExams,
+              value: stats?.fullExams || 0,
               label: "Exams",
               tooltip: "Number of all conducted completed exams",
             },
@@ -192,7 +189,7 @@ export default function Dashboard({
               icon: (
                 <BsPencil className="w-6 h-6 md:w-8 md:h-8 text-mti-red-light" />
               ),
-              value: stats.uniqueModules,
+              value: stats?.uniqueModules || 0,
               label: "Modules",
               tooltip:
                 "Number of all exam modules performed including Level Test",