Fix error font and improve pagespeed

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

@@ -17,6 +17,7 @@ interface IButtonIcon {
   };
   onClick?: () => void;
   disabled?: boolean;
+  label?: string;
 }
 
 const ButtonIcon = ({
@@ -26,11 +27,13 @@ const ButtonIcon = ({
   iconStyle,
   onClick,
   disabled,
+  label,
 }: IButtonIcon) => {
   const isHaveChildren = Boolean(children);
 
   return (
     <StyledButtonIcon
+      aria-label={label}
       isHaveChildren={isHaveChildren}
       style={{
         fontSize: style?.fontSize,

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

@@ -19,7 +19,7 @@ const HeaderMenu = () => {
     <StyledHeaderMenu>
       <li>
         <ButtonIcon
-          aria-label="Profile"
+          label="Profile"
           icon={<IoPersonCircleOutline />}
           iconStyle={{ size: '23px' }}
           onClick={() => navigate('/account')}
@@ -29,7 +29,7 @@ const HeaderMenu = () => {
         <ButtonIcon
           onClick={logout}
           disabled={isPending}
-          aria-label="Logout"
+          label='Logout'
           icon={<HiOutlineLogout />}
           iconStyle={{ size: '23px' }}
         />

hotel-management/src/pages/Login/index.tsx

@@ -18,7 +18,7 @@ const Login = () => {
 
   return (
     <LoginLayout>
-      <StyledLogo src={'./assets/images/logo.png'} />
+      <StyledLogo src={'./assets/images/logo.png'} alt='Logo Web' />
       <TitleStyled>Log In</TitleStyled>
 
       <LoginForm />

hotel-management/src/styles/bases/typography.css

@@ -1,7 +1,7 @@
 @font-face {
   font-family: 'Cabin';
-  src: url('./assets/fonts/Cabin.woff2') format('woff2'),
-    url('./assets/fonts/Cabin.ttf') format('truetype');
+  src: url('/assets/fonts/Cabin.woff2') format('woff2'),
+    url('/assets/fonts/Cabin.ttf') format('truetype');
 
   font-display: swap;
 }