feat: LaunchPage redisgned

src/renderer/pages/Login.tsx

@@ -4,6 +4,7 @@ import useAuth from '../hooks/useAuth';
 import AuthForm from '../components/Login/AuthForm';
 import MemorySlider from '../components/Login/MemorySlider';
 import { useNavigate } from 'react-router-dom';
+import PopaPopa from '../components/popa-popa';
 
 const Login = () => {
   const navigate = useNavigate();
@@ -72,20 +73,7 @@ const Login = () => {
 
   return (
     <Box>
-      <Box sx={{ display: 'flex' }}>
-        <Typography variant="h3">POPA</Typography>
-        <Typography variant="h3">-</Typography>
-        <Typography
-          variant="h3"
-          sx={{
-            background: '-webkit-linear-gradient(200.96deg, #88BCFF, #FD71FF)',
-            WebkitBackgroundClip: 'text',
-            WebkitTextFillColor: 'transparent',
-          }}
-        >
-          POPA
-        </Typography>
-      </Box>
+      <PopaPopa />
       <AuthForm
         config={config}
         handleInputChange={handleInputChange}