Fix bug and optimzed code

hotel-management/src/components/Dialog/index.tsx

@@ -16,7 +16,7 @@ export interface IDialogProps {
 const Dialog = forwardRef<HTMLDialogElement, IDialogProps>(
   (props: IDialogProps, ref) => {
     const { title, children, onClose } = props;
-    
+
     return (
       <StyledDialog ref={ref} onClose={onClose}>
         <StyledTitle>{title}</StyledTitle>

hotel-management/src/components/Search/index.tsx

@@ -1,4 +1,4 @@
-import { memo, useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 
 // Styled
 import { StyledSearch } from './styled';
@@ -11,7 +11,7 @@ interface ISearch {
   setValueSearch: (phone: string) => void;
 }
 
-const Search = memo(({ setValueSearch, setPlaceHolder }: ISearch) => {
+const Search = ({ setValueSearch, setPlaceHolder }: ISearch) => {
   const [query, setQuery] = useState('');
   const debounceValue = useDebounce<string>(query, 700);
 
@@ -25,6 +25,6 @@ const Search = memo(({ setValueSearch, setPlaceHolder }: ISearch) => {
       placeholder={setPlaceHolder}
     />
   );
-});
+};
 
 export default Search;

hotel-management/src/components/Select/index.tsx

@@ -68,7 +68,7 @@ const Select = ({
   optionsConfigForm,
   value,
   onChange,
-  ariaLabel
+  ariaLabel,
 }: ISelect) => {
   const { register } = useFormContext() ?? {};
 

hotel-management/src/components/Sidebar/styled.ts

@@ -12,7 +12,7 @@ const Heading = styled.h1`
   font-size: var(--fs-md);
   text-transform: uppercase;
   text-align: center;
-  
+
   color: var(--primary-color);
 `;
 

hotel-management/src/components/SortBy/index.tsx

@@ -20,11 +20,11 @@ const SortBy = memo(({ options }: ISortByProps) => {
   };
 
   return (
-    <Select 
-      options={options} 
-      value={sortBy} 
-      onChange={handleChange} 
-      ariaLabel='Sort'
+    <Select
+      options={options}
+      value={sortBy}
+      onChange={handleChange}
+      ariaLabel="Sort"
     />
   );
 });

hotel-management/src/components/Table/index.tsx

@@ -42,7 +42,7 @@ const Body = <T,>({ data, render }: ITableBody<T>) => {
 
 const Row = ({ children }: ITable) => {
   const { columns } = useContext(TableContext);
-  
+
   return <StyledRow columns={columns}>{children}</StyledRow>;
 };