Increase the size and boldness of the timer

src/components/Medium/Timer.tsx

@@ -58,7 +58,7 @@ const Timer: React.FC<Props> = ({minTimer, disableTimer, standalone = false}) =>
 				animate={{scale: warningMode && !disableTimer ? 1.1 : 1}}
 				transition={{repeat: Infinity, repeatType: "reverse", duration: 0.5, ease: "easeInOut"}}>
 				<BsStopwatch className="w-6 h-6" />
-                <span className="text-base font-semibold w-12">
+				<span className="text-lg font-bold w-12">
 					{timer > 0 && (
 						<>
 							{Math.floor(timer / 60)
@@ -75,6 +75,6 @@ const Timer: React.FC<Props> = ({minTimer, disableTimer, standalone = false}) =>
 			</motion.div>
 		</>
 	);
-}
+};
 
 export default Timer;

src/dashboards/MasterCorporate.tsx

@@ -437,7 +437,6 @@ export default function MasterCorporateDashboard({ user }: Props) {
 
   const { data: stats } = useFilterRecordsByUser<Stat[]>();
   const { users, reload } = useUsers();
-  const { codes } = useCodes(user.id);
   const { groups } = useGroups({ admin: user.id, userType: user.type });
   const { balance } = useUserBalance();
 
@@ -447,9 +446,9 @@ export default function MasterCorporateDashboard({ user }: Props) {
     ),
   ], [groups, user.id]);
 
-  const corporateUserGroups = [
+  const corporateUserGroups = useMemo(() => [
     ...new Set(groups.flatMap((g) => g.participants)),
-  ];
+  ], [groups])
 
   const {
     assignments,