feat: initialize Electron main process and React frontend dashboard for Multi-PHP management

src/main/index.ts

@@ -43,8 +43,8 @@ function createTray(): void {
 
 function createWindow(): void {
     mainWindow = new BrowserWindow({
-        width: 1000,
-        height: 750,
+        width: 1200,
+        height: 800,
         show: false,
         autoHideMenuBar: true,
         webPreferences: {

src/renderer/src/App.tsx

@@ -1,4 +1,5 @@
 import React, { useState, useEffect, Fragment } from 'react'
+import logo from './assets/logo.svg'
 import {
     Box,
     Typography,
@@ -448,11 +449,17 @@ function App(): JSX.Element {
 
     return (
         <Box sx={{ display: 'flex', minHeight: '100vh', backgroundImage: 'radial-gradient(circle at 50% 0%, #153E5E 0%, #121212 100%)', bgcolor: 'transparent' }}>
-            <AppBar position="fixed" sx={{ zIndex: (theme) => theme.zIndex.drawer + 1, bgcolor: 'rgba(21, 62, 94, 0.85)', backdropFilter: 'blur(10px)' }}>
-                <Toolbar>
-                    <Typography variant="h6" noWrap component="div" sx={{ flexGrow: 1, fontWeight: 'bold' }}>
-                        Trunçgil Multi-PHP Server
-                    </Typography>
+            <AppBar
+                position="fixed"
+                sx={{
+                    width: { sm: `calc(100% - ${drawerWidth}px)` },
+                    ml: { sm: `${drawerWidth}px` },
+                    zIndex: (theme) => theme.zIndex.drawer - 1,
+                    bgcolor: 'rgba(21, 62, 94, 0.85)',
+                    backdropFilter: 'blur(10px)'
+                }}
+            >
+                <Toolbar sx={{ justifyContent: 'flex-end' }}>
                     <Tooltip title="Dil Değiştir">
                         <IconButton onClick={toggleLanguage} color="inherit">
                             <LanguageIcon />
@@ -472,7 +479,10 @@ function App(): JSX.Element {
                     [`& .MuiDrawer-paper`]: { width: drawerWidth, boxSizing: 'border-box', bgcolor: 'rgba(18, 18, 18, 0.95)', borderRight: '1px solid rgba(255, 255, 255, 0.05)' },
                 }}
             >
-                <Toolbar />
+                <Box sx={{ p: 2, display: 'flex', justifyContent: 'center', alignItems: 'center', minHeight: '120px' }}>
+                    <img src={logo} alt="Logo" style={{ width: '90%', maxWidth: '210px', objectFit: 'contain' }} />
+                </Box>
+                <Divider sx={{ opacity: 0.1 }} />
                 <Box sx={{ overflow: 'auto' }}>
                     <List>
                         <ListItem disablePadding>

src/renderer/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />