fix enumeration masks layers

src/components/popups/UnitPopup.tsx

@@ -11,7 +11,7 @@ export interface UnitPopupProps {
   floor: string;
 }
 
-function UnitPopup({ unitType, square, block, floor }: UnitPopupProps) {
+function UnitPopup({ unitType, block, floor }: UnitPopupProps) {
   const { side, setPopup, setHasBackdrop } = usePopupStore();
 
   return (
@@ -23,7 +23,7 @@ function UnitPopup({ unitType, square, block, floor }: UnitPopupProps) {
             setPopup(null);
             setHasBackdrop(false);
           }}
-          className="absolute top-1 right-1 max-md:hidden pointer-events-auto"
+          className="max-md:hidden absolute top-1 right-1 pointer-events-auto"
         >
           <div className="size-4 text-current">
             <CloseIcon />
@@ -32,7 +32,8 @@ function UnitPopup({ unitType, square, block, floor }: UnitPopupProps) {
       )}
       <div className="2xl:space-y-[0.278vw] space-y-1">
         <p className="subheadline-s [font-family:New_York_Large] text-nowrap">
-          {unitType}, <span className="opacity-60">{square} m²</span>
+          {unitType}
+          {/* , <span className="opacity-60">{square} m²</span> */}
         </p>
         <div className="flex items-center 2xl:gap-[0.556vw] gap-2">
           <p className="caption-s text-[#A7A08E]">{block}</p>
@@ -40,8 +41,8 @@ function UnitPopup({ unitType, square, block, floor }: UnitPopupProps) {
           <p className="caption-s text-[#A7A08E]">{floor}</p>
         </div>
       </div>
-      {/* <div className="w-px bg-black absolute h-full left-1/2 -translate-x-1/2 top-0" />
-      <div className="h-px bg-black absolute w-full left-0 -translate-y-1/2 top-1/2" /> */}
+      {/* <div className="absolute top-0 left-1/2 w-px h-full bg-black -translate-x-1/2" />
+      <div className="absolute left-0 top-1/2 w-full h-px bg-black -translate-y-1/2" /> */}
       <div
         className={clsx(
           "max-md:hidden absolute w-[0.481vw]",