refactor: remove all legacy files

+ comment/delete things that haven't yet migrated to mantine

inertia/pages/admin/dashboard.tsx

@@ -1,132 +0,0 @@
-import { useTheme } from '@emotion/react';
-import styled from '@emotion/styled';
-import { ColumnDef } from '@tanstack/react-table';
-import dayjs from 'dayjs';
-import relativeTime from 'dayjs/plugin/relativeTime';
-import { useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import Table from '~/components/common/table';
-import ContentLayout from '~/components/layouts/content_layout';
-import { DATE_FORMAT } from '~/constants';
-import { UserWithRelationCount } from '~/types/app';
-
-dayjs.extend(relativeTime);
-
-interface AdminDashboardProps {
-	users: UserWithRelationCount[];
-	totalCollections: number;
-	totalLinks: number;
-}
-
-const CenteredCell = styled.div({
-	display: 'flex',
-	alignItems: 'center',
-	justifyContent: 'center',
-	flexDirection: 'column',
-});
-
-const RenderDateCell = (info: any) => (
-	<CenteredCell>
-		<span>{dayjs(info.getValue().toString()).fromNow()}</span>
-		<span>{dayjs(info.getValue().toString()).format(DATE_FORMAT)}</span>
-	</CenteredCell>
-);
-
-const ThemeProvider = (props: AdminDashboardProps) => (
-	<ContentLayout>
-		<AdminDashboard {...props} />
-	</ContentLayout>
-);
-export default ThemeProvider;
-
-function AdminDashboard({
-	users,
-	totalCollections,
-	totalLinks,
-}: AdminDashboardProps) {
-	const { t } = useTranslation();
-	const theme = useTheme();
-	const columns = useMemo(
-		() =>
-			[
-				{
-					accessorKey: 'id',
-					header: () => (
-						<>
-							# <span css={{ color: theme.colors.grey }}>({users.length})</span>
-						</>
-					),
-					cell: (info) => info.getValue(),
-				},
-				{
-					accessorKey: 'fullname',
-					header: t('common:name'),
-					cell: (info) => info.getValue(),
-				},
-				{
-					accessorKey: 'email',
-					header: t('common:email'),
-					cell: (info) => info.getValue(),
-				},
-				{
-					accessorKey: 'collectionsCount',
-					header: () => (
-						<>
-							{t('common:collection.collections', { count: totalCollections })}{' '}
-							<span css={{ color: theme.colors.grey }}>
-								({totalCollections})
-							</span>
-						</>
-					),
-					cell: (info) => info.getValue(),
-				},
-				{
-					accessorKey: 'linksCount',
-					header: () => (
-						<>
-							{t('common:link.links', { count: totalLinks })}{' '}
-							<span css={{ color: theme.colors.grey }}>({totalLinks})</span>
-						</>
-					),
-					cell: (info: any) => info.getValue(),
-				},
-				{
-					accessorKey: 'isAdmin',
-					header: t('admin:role'),
-					cell: (info) =>
-						info.getValue() ? (
-							<span style={{ color: theme.colors.lightRed }}>
-								{t('admin:admin')}
-							</span>
-						) : (
-							<span style={{ color: theme.colors.green }}>
-								{t('admin:user')}
-							</span>
-						),
-				},
-				{
-					accessorKey: 'createdAt',
-					header: t('admin:created_at'),
-					cell: RenderDateCell,
-				},
-				{
-					accessorKey: 'lastSeenAt',
-					header: t('admin:last_seen_at'),
-					cell: RenderDateCell,
-				},
-			] satisfies ColumnDef<UserWithRelationCount>[],
-		[]
-	);
-	return (
-		<Table
-			columns={columns}
-			data={users}
-			defaultSorting={[
-				{
-					id: 'lastSeenAt',
-					desc: true,
-				},
-			]}
-		/>
-	);
-}