feat: implement main application dashboard and service management UI in App.tsx

src/renderer/src/App.tsx

@@ -37,7 +37,8 @@ import {
     CircularProgress,
     Stack,
     Grid,
-    Avatar
+    Avatar,
+    GlobalStyles
 } from '@mui/material'
 import {
     Dashboard as DashboardIcon,
@@ -503,6 +504,12 @@ function App(): JSX.Element {
     const installedPhpVersions = phpVersions.filter(v => v.status === 'installed')
 
     return (
+        <>
+            <GlobalStyles styles={{
+                '.swal2-container': {
+                    zIndex: '9999 !important'
+                }
+            }} />
             <Box sx={{ display: 'flex', minHeight: '100vh', backgroundImage: 'radial-gradient(circle at 50% 0%, #153E5E 0%, #121212 100%)', bgcolor: 'transparent' }}>
                 <AppBar
                     position="fixed"
@@ -1329,9 +1336,9 @@ function App(): JSX.Element {
                     onClose={() => setIsMySqlWizardOpen(false)}
                     mySqlVersions={mySqlVersions}
                 />
-        </Box >
+            </Box>
+        </>
     )
 }
 
 export default App
-