fix app not being interactive on MacOS

package.json

@@ -64,11 +64,11 @@
     "@babel/plugin-transform-react-jsx": "7.22.15",
     "cross-zip": "4.0.0",
     "depcheck": "1.4.5",
-    "electron": "15.5.7",
+    "electron": "27.0.2",
     "electron-notarize": "1.2.2",
     "electron-osx-sign": "0.6.0",
-    "electron-packager": "15.5.2",
-    "electron-winstaller": "5.1.0",
+    "electron-packager": "17.1.2",
+    "electron-winstaller": "5.1.2",
     "gh-release": "7.0.2",
     "minimist": "1.2.8",
     "nodemon": "2.0.22",
@@ -99,8 +99,8 @@
   "main": "index.js",
   "optionalDependencies": {
     "appdmg": "^0.6.0",
-    "electron-installer-debian": "^3.1.0",
-    "electron-installer-redhat": "^3.3.0"
+    "electron-installer-debian": "^3.2.0",
+    "electron-installer-redhat": "^3.4.0"
   },
   "private": true,
   "productName": "WebTorrent",

src/main/windows/main.js

@@ -91,11 +91,11 @@ function init (state, options) {
   })
 
   win.on('move', debounce(e => {
-    send('windowBoundsChanged', e.sender.getBounds())
+    send('windowBoundsChanged', main.win.getBounds())
   }, 1000))
 
   win.on('resize', debounce(e => {
-    send('windowBoundsChanged', e.sender.getBounds())
+    send('windowBoundsChanged', main.win.getBounds())
   }, 1000))
 
   win.on('close', e => {

static/main.css

@@ -70,8 +70,7 @@ table {
 }
 
 .app {
-  -webkit-user-select: none;
-  -webkit-app-region: drag;
+  user-select: none;
   height: 100%;
   display: flex;
   flex-flow: column;
@@ -143,6 +142,7 @@ table {
  */
 
 .header {
+  -webkit-app-region: drag;
   background: rgb(40, 40, 40);
   border-bottom: 1px solid rgb(30, 30, 30);
   height: 38px; /* vertically center OS menu buttons (OS X) */