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/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>