Revert "Import REACT and JSX"

This reverts commit 353ff84.

Author: ChinemeremChigbo

src/components/absences/AbsenceBox.tsx

@@ -1,6 +1,6 @@
 import { Box } from '@chakra-ui/react';
 import { LessonPlanFile } from '@utils/types';
-import React, { useEffect, useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { FiPaperclip } from 'react-icons/fi';
 
 interface AbsenceBoxProps {

src/components/absences/declare/AdminTeacherFields.tsx

@@ -4,7 +4,6 @@ import {
   FormLabel,
   Text,
 } from '@chakra-ui/react';
-import React from 'react';
 import { SearchDropdown } from '../../ui/input/SearchDropdown';
 
 interface AdminTeacherFieldsProps {

src/components/absences/declare/ConfirmAbsenceModal.tsx

@@ -8,7 +8,6 @@ import {
   ModalOverlay,
   Text,
 } from '@chakra-ui/react';
-import React from 'react';
 
 interface ConfirmAbsenceModalProps {
   isOpen: boolean;

src/components/absences/declare/DeclareAbsenceForm.tsx

@@ -11,15 +11,16 @@ import {
   useDisclosure,
   useToast,
 } from '@chakra-ui/react';
-import { Absence, Prisma } from '@prisma/client';
 import { submitAbsence } from '@utils/submitAbsence';
 import { validateAbsenceForm } from '@utils/validateAbsenceForm';
-import React, { useState } from 'react';
-import { FileUpload } from '../../ui/input/FileUpload';
-import { InputDropdown } from '../../ui/input/InputDropdown';
+
+import { Absence, Prisma } from '@prisma/client';
+import { useState } from 'react';
 import { AdminTeacherFields } from './AdminTeacherFields';
 import { ConfirmAbsenceModal } from './ConfirmAbsenceModal';
 import { DateOfAbsence } from './DateOfAbsence';
+import { FileUpload } from '../../ui/input/FileUpload';
+import { InputDropdown } from '../../ui/input/InputDropdown';
 
 interface DeclareAbsenceFormProps {
   onClose?: () => void;

src/components/absences/details/AbsenceDetails.tsx

@@ -18,13 +18,13 @@ import {
 import { useUserData } from '@hooks/useUserData';
 import { EventDetails, Role } from '@utils/types';
 import { Buildings, Calendar } from 'iconsax-react';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { FiEdit2, FiMapPin, FiTrash2, FiUser } from 'react-icons/fi';
 import { IoEyeOutline } from 'react-icons/io5';
-import EditAbsenceForm from '../edit/EditAbsenceForm';
 import AbsenceFillThanks from './AbsenceFillThanks';
 import AbsenceStatusTag from './AbsenceStatusTag';
 import EditableNotes from './EditableNotes';
+import EditAbsenceForm from '../edit/EditAbsenceForm';
 import LessonPlanView from './LessonPlanView';
 
 interface AbsenceDetailsProps {

src/components/absences/details/LessonPlanView.tsx

@@ -11,7 +11,7 @@ import {
 } from '@chakra-ui/react';
 import { LessonPlanFile } from '@utils/types';
 import { uploadFile } from '@utils/uploadFile';
-import React, { useEffect, useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { FiFileText } from 'react-icons/fi';
 import { FileUpload } from '../../ui/input/FileUpload';
 

src/components/absences/edit/ConfirmEditModal.tsx

@@ -8,7 +8,6 @@ import {
   ModalOverlay,
   Text,
 } from '@chakra-ui/react';
-import React from 'react';
 
 interface ConfirmEditModalProps {
   isOpen: boolean;

src/components/absences/edit/EditAbsenceForm.tsx

@@ -12,15 +12,16 @@ import {
   useToast,
 } from '@chakra-ui/react';
 import { Absence } from '@prisma/client';
+
 import { submitAbsence } from '@utils/submitAbsence';
 import { EventDetails } from '@utils/types';
 import { validateAbsenceForm } from '@utils/validateAbsenceForm';
-import React, { useState } from 'react';
-import { FileUpload } from '../../ui/input/FileUpload';
-import { InputDropdown } from '../../ui/input/InputDropdown';
+import { useState } from 'react';
 import { AdminTeacherFields } from '../declare/AdminTeacherFields';
-import { DateOfAbsence } from '../declare/DateOfAbsence';
 import { ConfirmEditModal } from './ConfirmEditModal';
+import { DateOfAbsence } from '../declare/DateOfAbsence';
+import { FileUpload } from '../../ui/input/FileUpload';
+import { InputDropdown } from '../../ui/input/InputDropdown';
 
 interface EditAbsenceFormProps {
   onClose?: () => void;

src/components/calendar/header/AdminTeacherToggle.tsx

@@ -1,5 +1,4 @@
 import { Box, Button, ButtonGroup } from '@chakra-ui/react';
-import React from 'react';
 import { IoBuildSharp, IoSchool } from 'react-icons/io5';
 
 interface AdminTeacherToggleProps {

src/components/calendar/header/CalendarHeader.tsx

@@ -7,12 +7,13 @@ import {
   Text,
   useTheme,
 } from '@chakra-ui/react';
+
 import { UserData } from '@utils/types';
 import { useRouter } from 'next/navigation';
-import React, { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { IoChevronBack, IoChevronForward, IoStatsChart } from 'react-icons/io5';
-import ProfileMenu from '../../ui/profile/ProfileMenu';
 import { AdminTeacherToggle } from './AdminTeacherToggle';
+import ProfileMenu from '../../ui/profile/ProfileMenu';
 
 interface CalendarHeaderProps {
   currentMonthYear: string;