test: add event creation test

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

@@ -17,10 +17,7 @@ export default function Events() {
   const events = eventsData?.data?.events || [];
 
   return (
-    <div
+    <div className='relative h-full flex flex-col items-center' data-cy='events-page'>
-      className='relative h-full flex flex-col items-center'
-      data-cy='events-page'
-    >
       {/* Heading */}
       <h1 className='text-3xl font-bold mt-8 mb-4 text-center z-10'>
         My Events

src/components/custom-ui/labeled-input.tsx

@@ -17,7 +17,7 @@ export default function LabeledInput({
   variantSize = 'default',
   autocomplete,
   error,
-  'data-cy': dataCy,
+  "data-cy": dataCy,
   ...rest
 }: {
   label: string;
@@ -31,7 +31,7 @@ export default function LabeledInput({
   variantSize?: 'default' | 'big' | 'textarea';
   autocomplete?: string;
   error?: string;
-  'data-cy'?: string;
+  "data-cy"?: string;
 } & React.InputHTMLAttributes<HTMLInputElement>) {
   const [passwordVisible, setPasswordVisible] = React.useState(false);
   const [inputValue, setInputValue] = React.useState(

src/components/forms/event-form.tsx

@@ -216,11 +216,7 @@ const EventForm: React.FC<EventFormProps> = (props) => {
 
   return (
     <Dialog open={calendarOpen} onOpenChange={setCalendarOpen}>
-      <form
+      <form className='flex flex-col gap-5 w-full' onSubmit={handleSubmit} data-cy='event-form'>
-        className='flex flex-col gap-5 w-full'
-        onSubmit={handleSubmit}
-        data-cy='event-form'
-      >
         <div className='grid grid-row-start:auto gap-4 sm:gap-8 w-full'>
           <div className='h-full w-full mt-0 ml-2 mb-16 flex items-center max-sm:grid max-sm:grid-row-start:auto max-sm:mb-6 max-sm:mt-10 max-sm:ml-0'>
             <div className='w-[100px] max-sm:w-full max-sm:flex max-sm:justify-center'>

src/components/misc/header.tsx

@@ -25,10 +25,7 @@ export default function Header({
 }>) {
   return (
     <div className='w-full grid grid-rows-[50px_1fr] h-screen'>
-      <header
+      <header className='border-b-1 grid-cols-[1fr_3fr_1fr] grid items-center px-2 shadow-md' data-cy='header'>
-        className='border-b-1 grid-cols-[1fr_3fr_1fr] grid items-center px-2 shadow-md'
-        data-cy='header'
-      >
         <span className='flex justify-start'>
           <SidebarTrigger variant='outline_primary' size='icon' />
         </span>