[BUG] : Redundant event listeners, duplicate JSX wrapper injections, and a missing global isMobile state causing layout breakage

[Subha12125]

Description

While reviewing the codebase, I identified serious structural bugs and code redundancies inside app/page.tsx. Currently, the layout handles split pane scaling for desktop vs mobile device screens, but it breaks due to an undeclared/missing variable isMobile inside the main JSX block and completely duplicated structural segments.

---

🐛 Found Bugs & Bloat

1. Missing isMobile Variable Reference

In the layout conditional rendering blocks of app/page.tsx, the code attempts to set responsive widths and heights:

style={
  layout === "split"
    ? {
      width: isMobile ? "100%" : `${splitRatio}%`,
      height: isMobile ? `${splitRatio}%` : "100%",
    }
    : { height: "100%", width: "100%" }
}

[Subha12125]

@Debmallya-03 assign this to me

[Debmallya-03]

@Subha12125 I have assigned you the issue. Go ahead!!

[Subha12125]

Thanks