feat: Five Most Popular Courses Chart

[piotr-pajak]

Jira issue(s)

LC-410

Overview

• Implemented the FiveMostPopularCoursesChart component.
• Developed the useMediaQuery hook with comprehensive unit test coverage.
• Added the useAdminStats hook to handle data fetching.

Screenshots

Mobile:

Desktop:

[wielopolski]

Its teacher statistics, not user or admin

[wielopolski]

what is this file?

[typeWolffo]

Suggested change

	<Customized
	component={() => {
	return isEmptyChart ? (
	<Text
	x={0}
	textAnchor="middle"
	verticalAnchor="middle"
	className="fill-primary-950 h5 md:h3 translate-x-1/2 translate-y-1/2"
	>
	No data available
	</Text>
	) : null;
	}}
	/>
	<Customized
	component={() =>
	isEmptyChart && (
	<Text
	x={0}
	textAnchor="middle"
	verticalAnchor="middle"
	className="fill-primary-950 h5 md:h3 translate-x-1/2 translate-y-1/2"
	>
	No data available
	</Text>
	);
	}
	/>

what do you think about that?

[typeWolffo]

nice, but probably we can keep it simple with discriminated union

export type ToMediaQueryObjectParam = {
  minWidth: number;
  maxWidth?: number;
} | {
  minWidth?: number;
  maxWidth: number;
};