fix: electron title bar drag-region

Signed-off-by: Innei <i@innei.in>

src/renderer/src/App.tsx

@@ -5,7 +5,6 @@ import { Outlet } from "react-router-dom"
 import { env } from "../../env.js"
 import { useAppIsReady } from "./atoms/app"
 import { useUISettingKey } from "./atoms/settings/ui"
-import { RootPortal } from "./components/ui/portal/index.js"
 import { applyAfterReadyCallbacks } from "./initialize/queue.js"
 import { appLog } from "./lib/log"
 import { cn, getOS } from "./lib/utils"
@@ -46,19 +45,19 @@ function App() {
   const windowsElectron = window.electron && getOS() === "Windows"
   return (
     <RootProviders>
-      <RootPortal>
-        {window.electron && (
-          <div
-            className={cn(
-              "fixed inset-x-0 top-0 h-12 shrink-0",
-              windowsElectron && "pointer-events-none z-[9999]",
-            )}
-            aria-hidden
-          >
-            {windowsElectron && <Titlebar />}
-          </div>
-        )}
-      </RootPortal>
+
+      {window.electron && (
+        <div
+          className={cn(
+            "drag-region fixed inset-x-0 top-0 h-12 shrink-0",
+            windowsElectron && "pointer-events-none z-[9999]",
+          )}
+          aria-hidden
+        >
+          {windowsElectron && <Titlebar />}
+        </div>
+      )}
+
       <AppLayer />
     </RootProviders>
   )