chore: lint

Author: Debbl

src/app/page.tsx

@@ -88,7 +88,7 @@ export default function Page() {
 
         <Header monaco={monacoRef.current} />
 
-        <main className="h-full w-full">
+        <main className="size-full">
           <DiffEditor
             options={{
               originalEditable: true,

src/components/GitHubInfo.tsx

@@ -3,13 +3,13 @@ import logoGithub from "@iconify/icons-carbon/logo-github";
 
 function GitHubInfo() {
   return (
-    <div className="ml-8 flex h-[18px] w-[18px] justify-center">
+    <div className="ml-8 flex size-[18px] justify-center">
       <a
         href="https://github.com/Debbl/code-diff"
         target="_blank"
         rel="noreferrer"
       >
-        <Icon icon={logoGithub} className="h-[18px] w-[18px]" />
+        <Icon icon={logoGithub} className="size-[18px]" />
       </a>
     </div>
   );

src/components/Header.tsx

@@ -102,10 +102,10 @@ const Header = ({ monaco }: IProps) => {
           });
         }}
       >
-        <Icon className="h-[18px] w-[18px] cursor-pointer" icon={closeFilled} />
+        <Icon className="size-[18px] cursor-pointer" icon={closeFilled} />
       </div>
 
-      <GitHubInfo className="ml-8 flex h-[18px] w-[18px] justify-center" />
+      <GitHubInfo className="ml-8 flex size-[18px] justify-center" />
     </header>
   );
 };