Refactor code, fix UI and logic code

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

@@ -0,0 +1,26 @@
+// Components
+import { IoPersonCircleOutline } from 'react-icons/io5';
+import { HiOutlineLogout } from 'react-icons/hi';
+import ButtonIcon from '../../commons/styles/ButtonIcon';
+
+// Styled
+import { StyledHeaderMenu } from './styled';
+
+const HeaderMenu = () => {
+  return (
+    <StyledHeaderMenu>
+      <li>
+        <ButtonIcon aria-label="Profile">
+          <IoPersonCircleOutline />
+        </ButtonIcon>
+      </li>
+      <li>
+        <ButtonIcon aria-label="Logout">
+          <HiOutlineLogout />
+        </ButtonIcon>
+      </li>
+    </StyledHeaderMenu>
+  );
+};
+
+export default HeaderMenu;

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

@@ -0,0 +1,8 @@
+import styled from 'styled-components';
+
+const StyledHeaderMenu = styled.ul`
+  display: flex;
+  gap: 10px;
+`;
+
+export { StyledHeaderMenu };