Improved login screens (#9953)

- Fix shadow offset
- Simplify Wrapper component

src/frontend/src/pages/Auth/Layout.tsx

@@ -17,18 +17,10 @@ import { doLogout } from '../../functions/auth';
 export default function LoginLayoutComponent() {
   return (
     <SplashScreen>
-      <Center mih='100vh'>
-        <div
-          style={{
-            padding: '10px',
-            backgroundColor: 'rgba(0,0,0,0.5)',
-            boxShadow: '0 0 15px 10px rgba(0,0,0,0.5)'
-          }}
-        >
-          <Container w='md' miw={400}>
+      <Center mih='100vh' p='lg'>
+        <Container>
           <Outlet />
         </Container>
-        </div>
       </Center>
     </SplashScreen>
   );
@@ -50,7 +42,7 @@ export function Wrapper({
   const navigate = useNavigate();
 
   return (
-    <Paper p='xl' withBorder miw={425}>
+    <Paper p='xl' withBorder miw={425} shadow='lg'>
       <Stack gap={smallPadding ? 0 : 'md'}>
         <StylishText size='xl'>{titleText}</StylishText>
         <Divider p='xs' />