feat: update icon size classes for consistency across components

app/layouts/admin/navbar.tsx

@@ -38,10 +38,10 @@ export const Navbar = () => {
                 <img
                   src={staffData?.profile_picture}
                   alt={staffData?.name}
-                  className="h-8 w-8 rounded-full bg-[#C4C4C4] object-cover"
+                  className="size-8 rounded-full bg-[#C4C4C4] object-cover"
                 />
               ) : (
-                <ProfileIcon className="h-8 w-8 rounded-full bg-[#C4C4C4]" />
+                <ProfileIcon className="size-8 rounded-full bg-[#C4C4C4]" />
               )}
 
               <span className="text-sm">{staffData?.name}</span>

app/layouts/news/header-menu-mobile.tsx

@@ -37,7 +37,7 @@ export const HeaderMenuMobile = (properties: THeaderMenuMobile) => {
             {/* Tombol Close */}
             <button
               onClick={handleToggleMenu}
-              className="fixed top-5 right-5 z-20 flex h-9 w-9 items-center justify-center lg:hidden"
+              className="fixed top-5 right-5 z-20 flex size-9 items-center justify-center lg:hidden"
             >
               <CloseIcon
                 width={50}