feat: fixed logo and made login a "separate" page

src/private/LoginPage.jsx

@@ -15,8 +15,15 @@ export default function LoginPage() {
     return (
         <Box display="flex" justifyContent="center" alignItems="center" height="100vh">
             <Paper sx={{ p: 4, borderRadius: 2, boxShadow: 3, textAlign: 'center' }}>
-                <Typography variant="h5" mb={2}>Login to Dream Views</Typography>
 
+                <Box mb={2}>
+                    <Typography variant="h5" mb={2}>Login</Typography>
+                    <img
+                        src="/Logo.png"
+                        alt="Dream Views"
+                        style={{ width: '200px', height: 'auto' }}
+                    />
+                </Box>
                 <GoogleLogin
                     onSuccess={(cred) => {
                         const idToken = cred?.credential;
@@ -42,7 +49,7 @@ export default function LoginPage() {
                                 idToken: googleIdToken,
                                 thalosToken: payload?.token || '',
                             });
-                            navigate('/');
+                            navigate('/', { replace: true });
                         }}
                         onError={(err) => {
                             console.error('Thalos exchange failed:', err);
@@ -50,7 +57,16 @@ export default function LoginPage() {
                         }}
                     />
                 )}
+
+                <Box mt={4}>
+                    <p>By</p>
+                    <img
+                        src="https://imaageq.com/images/Imaageq%20black-no%20slogan.webp"
+                        alt="ImaageQ"
+                        style={{ width: '72px', height: 'auto', opacity: 0.8 }}
+                    />
+                </Box>
             </Paper>
         </Box>
     );
-}
+}