fix: remove redundant shadcn component className overrides

src/app/auth/signin/page.tsx

@@ -55,13 +55,8 @@ export default function SignInPage() {
 					Sign in to unlock AI-powered event creation
 				</p>
 
-				<Button
-					onClick={handleSignIn}
-					className="w-full"
-					size="default"
-					disabled={isLoading}
-				>
-					{isLoading ? <Loader2 className="h-4 w-4 animate-spin mr-2" /> : null}
+				<Button onClick={handleSignIn} className="w-full" disabled={isLoading}>
+					{isLoading ? <Loader2 className="h-4 w-4 animate-spin" /> : null}
 					{isLoading ? "Signing in..." : "Continue with Authentik"}
 				</Button>
 

src/components/date-time-picker.tsx

@@ -132,7 +132,7 @@ export function DateTimePicker({
 						type="button"
 						variant="outline"
 						className={cn(
-							"flex h-9 flex-1 items-center gap-2 px-3 py-1 text-sm font-normal justify-start",
+							"flex flex-1 px-3 py-1 font-normal justify-start",
 							!displayLabel && "text-muted-foreground",
 						)}
 					>
@@ -151,7 +151,7 @@ export function DateTimePicker({
 								variant="ghost"
 								size="sm"
 								onClick={() => handleQuickSelect(date)}
-								className="h-auto rounded-md px-2 py-1 text-xs text-muted-foreground"
+								className="h-auto px-2 py-1 text-xs text-muted-foreground"
 							>
 								{label}
 							</Button>
@@ -170,7 +170,7 @@ export function DateTimePicker({
 			{!allDay && (
 				<div className="flex items-center gap-1">
 					<Select value={String(currentHour)} onValueChange={handleHourChange}>
-						<SelectTrigger className="h-9 w-[62px] px-2 text-xs">
+						<SelectTrigger className="w-[62px] px-2 text-xs">
 							<SelectValue />
 						</SelectTrigger>
 						<SelectContent className="max-h-56">
@@ -186,7 +186,7 @@ export function DateTimePicker({
 						value={String(snappedMinute)}
 						onValueChange={handleMinuteChange}
 					>
-						<SelectTrigger className="h-9 w-[62px] px-2 text-xs">
+						<SelectTrigger className="w-[62px] px-2 text-xs">
 							<SelectValue />
 						</SelectTrigger>
 						<SelectContent>

src/components/event-card.tsx

@@ -98,7 +98,7 @@ export const EventCard = ({ event, onEdit, onDelete }: EventCardProps) => {
 								<Button
 									variant="link"
 									size="sm"
-									className="inline-flex items-center gap-1 h-auto p-0 text-xs text-primary/70 hover:text-primary"
+									className="gap-1 h-auto p-0 text-xs text-primary/70 hover:text-primary"
 									asChild
 								>
 									<a
@@ -132,7 +132,7 @@ export const EventCard = ({ event, onEdit, onDelete }: EventCardProps) => {
 						</DropdownMenuTrigger>
 						<DropdownMenuContent align="end" className="w-36">
 							<DropdownMenuItem onClick={handleEdit}>
-								<Pencil className="h-3.5 w-3.5 mr-2" />
+								<Pencil className="h-3.5 w-3.5" />
 								Edit
 							</DropdownMenuItem>
 							<DropdownMenuSeparator />
@@ -140,7 +140,7 @@ export const EventCard = ({ event, onEdit, onDelete }: EventCardProps) => {
 								onClick={() => onDelete(event.id)}
 								className="text-destructive focus:text-destructive"
 							>
-								<Trash2 className="h-3.5 w-3.5 mr-2" />
+								<Trash2 className="h-3.5 w-3.5" />
 								Delete
 							</DropdownMenuItem>
 						</DropdownMenuContent>

src/components/event-dialog.tsx

@@ -178,7 +178,7 @@ export const EventDialog = ({
 										size="sm"
 										disabled={!start}
 										onClick={() => handleApplyDuration(minutes)}
-										className="rounded-md px-2 py-1 text-xs text-muted-foreground"
+										className="px-2 py-1 text-xs text-muted-foreground"
 									>
 										{label}
 									</Button>

src/components/ics-file-picker.tsx

@@ -57,7 +57,7 @@ export function IcsFilePicker({
 			>
 				{children || (
 					<>
-						<Calendar className="mr-2 h-4 w-4" />
+						<Calendar className="h-4 w-4" />
 						Import Calendar
 					</>
 				)}

src/components/rrule-display.tsx

@@ -44,7 +44,7 @@ export function RRuleDisplayDetailed({
 				{showBadges && details.length > 0 && (
 					<div className="flex flex-wrap gap-1">
 						{details.map((detail) => (
-							<Badge key={detail} variant="outline" className="text-xs">
+							<Badge key={detail} variant="outline">
 								{detail}
 							</Badge>
 						))}