fix: hotfixes

src/app/(main)/blocker/page.tsx

@@ -27,7 +27,7 @@ export default function BlockedSlots() {
 
       {/* Scrollable blocked slot list */}
       <div className='w-full flex justify-center overflow-hidden'>
-        <div className='grid gap-8 w-[max(90%, 500px)] p-6 overflow-y-auto'>
+        <div className='grid gap-8 p-6 overflow-y-auto'>
           {blockedSlots.length > 0 ? (
             blockedSlots.map((slot) => (
               <BlockedSlotListEntry

src/app/(main)/events/page.tsx

@@ -28,7 +28,7 @@ export default function Events() {
 
       {/* Scrollable event list */}
       <div className='w-full flex justify-center overflow-hidden'>
-        <div className='grid gap-8 w-[90%] sm:w-[80%] lg:w-[60%] xl:w-[50%] p-6 overflow-y-auto'>
+        <div className='grid gap-8 not-visited:p-6 overflow-y-auto'>
           {events.length > 0 ? (
             events.map((event) => (
               <EventListEntry

src/app/api/blocked_slots/validation.ts

@@ -25,6 +25,14 @@ export const BlockedSlotsSchema = zod
     created_at: zod.date(),
     updated_at: zod.date(),
   })
+  .refine(
+    (data) => {
+      return new Date(data.start_time) < new Date(data.end_time);
+    },
+    {
+      message: 'Start time must be before end time',
+    },
+  )
   .openapi('BlockedSlotsSchema', {
     description: 'Blocked time slot in the user calendar',
   });

src/app/login/page.tsx

@@ -42,7 +42,9 @@ export default async function LoginPage() {
             <CardContent className='gap-6 flex flex-col items-center'>
               <LoginForm />
 
+              {providerMap.length > 0 && !process.env.DISABLE_PASSWORD_LOGIN ? (
                 <Separator className='h-[1px] rounded-sm w-[60%] bg-border' />
+              ) : null}
 
               {providerMap.map((provider) => (
                 <SSOLogin

src/components/forms/event-form.tsx

@@ -242,7 +242,7 @@ const EventForm: React.FC<EventFormProps> = (props) => {
             </div>
             <div className='w-0 sm:w-[50px]'></div>
           </div>
-          <div className='grid grid-cols-4 gap-4 h-full w-full max-lg:grid-cols-2 max-sm:grid-cols-1'>
+          <div className='grid grid-cols-4 gap-4 h-full w-full max-2xl:grid-cols-2 max-sm:grid-cols-1'>
             <div>
               <TimePicker
                 dateLabel='start Time'