style: 💄 make window title pretty and draggable

ui/desktop/app/styles/app.scss

@@ -99,7 +99,14 @@
 }
 
 .rose-header {
+  -webkit-app-region: drag;
   position: relative;
+  padding-left: sizing.rems(l) * 3;
+  min-height: sizing.rems(l) * 2;
+
+  .rose-header-brand {
+    display: none;
+  }
 
   .logotype {
     display: none;

ui/desktop/app/templates/application.hbs

@@ -14,6 +14,7 @@
         <header.utilities as |utilities|>
           <utilities.dropdown
             @text={{this.session.data.authenticated.username}}
+            @icon="app-icons/user-profile"
             as |dropdown|
           >
             <dropdown.button

ui/desktop/electron-app/src/index.js

@@ -67,6 +67,7 @@ app.on('ready', async () => {
   mainWindow = new BrowserWindow({
     width: 1024,
     height: 768,
+    titleBarStyle: 'hiddenInset',
     webPreferences: {
       partition,
       sandbox: true,