fix: Correct session creation flow

frontend/src/pages/StartPage.tsx

@@ -0,0 +1,42 @@
+import React from 'react';
+import { Box, Typography, Container, Button } from '@mui/material';
+import { useNavigate } from 'react-router-dom';
+
+const StartPage = () => {
+    const navigate = useNavigate();
+
+    const handleCreateClick = () => {
+        navigate('/create');
+    };
+
+    return (
+        <Container maxWidth="sm">
+            <Box
+                sx={{
+                    marginTop: 8,
+                    display: 'flex',
+                    flexDirection: 'column',
+                    alignItems: 'center',
+                    textAlign: 'center'
+                }}
+            >
+                <Typography component="h1" variant="h4" gutterBottom>
+                    Welcome to Agree on Desires
+                </Typography>
+                <Typography variant="h6" color="text.secondary" paragraph>
+                    A simple tool to help groups of people make decisions together.
+                </Typography>
+                <Button
+                    variant="contained"
+                    size="large"
+                    sx={{ mt: 4 }}
+                    onClick={handleCreateClick}
+                >
+                    Create a New Session
+                </Button>
+            </Box>
+        </Container>
+    );
+};
+
+export default StartPage;