chore: automatically open devtools on local development (#1324)

* chore: automatically open devtools on local development

* docs: add reload app note

* chore: revert `main.js` changes

* chore: remove node_env

* chore: add reload and toggleDevTools buttons

Author: afonsojramos

CONTRIBUTING.md

@@ -30,6 +30,8 @@ To run the **electron app**:
 pnpm start
 ```
 
+To reload the app with the changes that `pnpm watch` has detected, you can use the `CmdOrCtrl+R` shortcut.
+
 ### Tests
 
 There are 2 checks:

src/electron/main.js

@@ -34,6 +34,13 @@ const browserWindowOpts = {
 };
 
 const contextMenu = Menu.buildFromTemplate([
+  {
+    role: 'reload',
+  },
+  {
+    role: 'toggleDevTools',
+  },
+  { type: 'separator' },
   {
     label: 'Quit',
     click: () => {
@@ -80,6 +87,7 @@ app.whenReady().then(async () => {
       mb.window.setSize(800, 600);
       mb.window.center();
       mb.window.resizable = true;
+      mb.window.setAlwaysOnTop(true);
     });
 
     mb.window.webContents.on('devtools-closed', () => {