fix: mobile responsiveness for all admin pages

- DataTable: overflow-x-auto on table wrapper (affects users, rooms, tickets)
- Radio: overflow-x-auto wrappers around all 3 tables (shouts, applications, schedules)
- Catalog items: responsive grids (grid-cols-1 sm:grid-cols-3) in Add/Edit dialogs
- Catalog tabs: TabsList overflow-x-auto for narrow screens
- Import clone: pagination flex-wrap to prevent overlap on small screens

src/app/admin/catalog/[id]/catalog-detail-tabs.tsx

@@ -69,7 +69,7 @@ export function CatalogDetailTabs({
 }: CatalogDetailTabsProps) {
 	return (
 		<Tabs defaultValue="settings">
-			<TabsList>
+			<TabsList className="overflow-x-auto flex-nowrap w-full">
 				<TabsTrigger value="settings" className="gap-2">
 					<Settings className="h-4 w-4" />
 					Settings

src/app/admin/import/clone/import-clone-client.tsx

@@ -876,7 +876,7 @@ function FurniGrid({ source }: FurniGridProps) {
 
 			{/* Pagination */}
 			{total > PER_PAGE && (
-				<div className="flex items-center justify-between">
+				<div className="flex items-center justify-between flex-wrap gap-2">
 					<span className="text-sm text-muted-foreground">
 						Page {page} / {lastPage}
 					</span>

src/app/admin/radio/page.tsx

@@ -34,7 +34,6 @@ type Schedule = {
 	isActive: boolean;
 };
 
-
 function formatTime(d: Date | null): string {
 	return d ? d.toISOString().slice(11, 16) : "\u2014";
 }
@@ -108,22 +107,14 @@ export default async function AdminRadioPage() {
 	return (
 		<main>
 			<div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
-				<StatusCard
-					label={t("shouts")}
-					value={shouts.length}
-					icon="📣"
-				/>
+				<StatusCard label={t("shouts")} value={shouts.length} icon="📣" />
 				<StatusCard
 					label={t("pendingApplications")}
 					value={pendingApps}
 					state={pendingApps > 0 ? "warn" : "ok"}
 					icon="📝"
 				/>
-				<StatusCard
-					label={t("schedules")}
-					value={schedules.length}
-					icon="🗓️"
-				/>
+				<StatusCard label={t("schedules")} value={schedules.length} icon="🗓️" />
 				<StatusCard
 					label={t("activeSchedules")}
 					value={activeSchedules}
@@ -141,6 +132,7 @@ export default async function AdminRadioPage() {
 						{t("noShouts")}
 					</p>
 				) : (
+					<div className="overflow-x-auto">
 						<table>
 							<thead>
 								<tr>
@@ -174,6 +166,7 @@ export default async function AdminRadioPage() {
 								))}
 							</tbody>
 						</table>
+					</div>
 				)}
 			</section>
 
@@ -186,6 +179,7 @@ export default async function AdminRadioPage() {
 						{t("noApplications")}
 					</p>
 				) : (
+					<div className="overflow-x-auto">
 						<table>
 							<thead>
 								<tr>
@@ -222,6 +216,7 @@ export default async function AdminRadioPage() {
 								))}
 							</tbody>
 						</table>
+					</div>
 				)}
 			</section>
 
@@ -234,6 +229,7 @@ export default async function AdminRadioPage() {
 						{t("noSchedules")}
 					</p>
 				) : (
+					<div className="overflow-x-auto">
 						<table>
 							<thead>
 								<tr>
@@ -266,6 +262,7 @@ export default async function AdminRadioPage() {
 								))}
 							</tbody>
 						</table>
+					</div>
 				)}
 			</section>
 		</main>

src/components/admin/data-table.tsx

@@ -414,7 +414,7 @@ export function DataTable<T extends { id: number | string }>({
 			</div>
 
 			{/* Table */}
-			<div className="rounded-md border">
+			<div className="rounded-md border overflow-x-auto">
 				<Table>
 					<TableHeader>
 						<TableRow>