Migrate to Mantine v8 and Design Changes (#961)

* mantine v8 migration

* various design changes and improvements

src/renderer/layouts/auth-layout.tsx

@@ -1,32 +1,18 @@
 import { Outlet } from 'react-router-dom';
-import styled from 'styled-components';
+
+import styles from './auth-layout.module.css';
 
 import { Titlebar } from '/@/renderer/features/titlebar/components/titlebar';
 
-const WindowsTitlebarContainer = styled.div`
-    position: absolute;
-    z-index: 1000;
-    display: flex;
-    width: 100%;
-    height: 50px;
-    user-select: none;
-    -webkit-app-region: drag;
-`;
-
-const ContentContainer = styled.div`
-    display: flex;
-    height: 100%;
-`;
-
 export const AuthLayout = () => {
     return (
         <>
-            <WindowsTitlebarContainer>
+            <div className={styles.windowTitlebarContainer}>
                 <Titlebar />
-            </WindowsTitlebarContainer>
-            <ContentContainer>
+            </div>
+            <div className={styles.contentContainer}>
                 <Outlet />
-            </ContentContainer>
+            </div>
         </>
     );
 };