refactor(admin-dashboard): replace HTML elements with MUI components

[eunicode]

Fixes #1671

What changes did you make and why did you make them?

Refactored the Stats page (/admin) to replace JSX elements (e.g. <div>, <p>) with MUI layout and display components (<Box>, <Typography>, etc.) for improved code and design consistency and use of MUI’s built-in features.

Screenshots

No visual regressions were observed after the migration. The screenshots confirm that layout and appearance remain consistent.

Before (JSX elements)

After (MUI components)

Discussion

Are there general guidelines on when to use Tailwind utility classes versus MUI’s sx prop or styled API?

[geolunalg]

This looks good to me.

Minor nitpick — I would try to avoid cosmetic changes to the code so that only the necessary changes are visible in the PR. But like I said before, it looks good.

[akibrhast]

i assume most people are using vscode ... would implement a .prettierconfig to remove these kind of unwanted or sudden addition of commas an spaces in pull requests.

would help those who are reviewing the pull request, to review faster with less strain

[geolunalg]

@akibrhast I think there is already an implementation of some sort of linting. I would also be hesitant to assume anyone is using a particular IDE. I think this can be discussed during our team meeting.

[akibrhast]

.