Add Electron title bar

frontend/src/ui/App.tsx

@@ -1,3 +1,4 @@
+import { ElectronTitleBar } from "./components/Electron";
 import ChatScreen from "./screen/ChatScreen";
 import LoginScreen from "./screen/LoginScreen";
 import RegisterScreen from "./screen/RegisterScreen";
@@ -25,6 +26,7 @@ export default function App() {
 
     return (
         <>
+            <ElectronTitleBar />
             <div id="main-wrapper">
                 {page}
             </div>

frontend/src/ui/components/Electron.tsx

@@ -0,0 +1,18 @@
+import { PRODUCT_NAME } from "../../core/config";
+
+export function ElectronTitleBar() {
+    if (window.electronInterface !== undefined) {
+        return (
+            <div id="electron-title-bar">
+                {window.electronInterface.platform == "darwin" ? <div className="macos-padding"></div> : undefined}
+                <div id="window-title">{PRODUCT_NAME}</div>
+                {/* <div className="window-controls">
+                    <mdui-button-icon icon="remove" id="window-minimize"></mdui-button-icon>
+                    <mdui-button-icon icon="stack--outlined" id="window-restore" className="hidden"></mdui-button-icon>
+                    <mdui-button-icon icon="ad--outlined" id="window-maximize"></mdui-button-icon>
+                    <mdui-button-icon icon="close" id="window-close"></mdui-button-icon>
+                </div> */}
+            </div>
+        )
+    }
+}