Remove unnecessary code, refactor, fix bug and add section comment

hotel-management/src/pages/User/UserTable.tsx

@@ -25,8 +25,17 @@ import { useUsers } from '@hook/users/useUsers';
 import Pagination from '@component/Pagination';
 
 const UserTable = () => {
-  const columnName = ['Id', 'Name', 'Phone', 'Is Booked'];
-  const { isLoading, users, count } = useUsers();
+  const columnName = [
+    'Id',
+    'Name',
+    'Phone',
+    'Is Booked'
+  ];
+  const {
+    isLoading,
+    users,
+    count
+  } = useUsers();
 
   const renderUserRow = useCallback(
     (user: IUser) => (
@@ -52,7 +61,7 @@ const UserTable = () => {
 
         {users && users.length ? (
           <Menus>
-            <Table columns="10% 35% 30% 15% 10%">
+            <Table columns="10% 35% 30% 15% 5%">
               <Table.Header headerColumn={columnName} />
               <Table.Body<IUser> data={users} render={renderUserRow} />
               <Table.Footer>