style: Update settings and grid sizes in frontend pages

backend/data/settings.json

@@ -2,8 +2,8 @@
   "loginEnabled": true,
   "defaultAutoPlay": false,
   "defaultAutoLoop": false,
-  "maxConcurrentDownloads": 2,
+  "maxConcurrentDownloads": 1,
   "isPasswordSet": true,
   "language": "en",
-  "password": "$2b$10$4g06vnvfzqN8Pnm.1JEqkO8D9lNE.QGg4/AA1rQm9ipjmtJQN7VDO"
-}
+  "password": ""
+}

frontend/src/App.tsx

@@ -209,9 +209,10 @@ function App() {
             try {
                 // Check if login is enabled in settings
                 const response = await axios.get(`${API_URL}/settings`);
-                const { loginEnabled } = response.data;
+                const { loginEnabled, isPasswordSet } = response.data;
 
-                if (!loginEnabled) {
+                // Login is required only if enabled AND a password is set
+                if (!loginEnabled || !isPasswordSet) {
                     setLoginRequired(false);
                     setIsAuthenticated(true);
                 } else {

frontend/src/pages/VideoPlayer.tsx

@@ -402,7 +402,7 @@ const VideoPlayer: React.FC<VideoPlayerProps> = ({
         <Container maxWidth="xl" sx={{ py: 4 }}>
             <Grid container spacing={4}>
                 {/* Main Content Column */}
-                <Grid size={{ xs: 12, lg: 9 }}>
+                <Grid size={{ xs: 12, lg: 8 }}>
                     <Box sx={{ width: '100%', bgcolor: 'black', borderRadius: 2, overflow: 'hidden', boxShadow: 4 }}>
                         <video
                             ref={videoRef}
@@ -655,7 +655,7 @@ const VideoPlayer: React.FC<VideoPlayerProps> = ({
                 </Grid>
 
                 {/* Sidebar Column - Up Next */}
-                <Grid size={{ xs: 12, lg: 3 }}>
+                <Grid size={{ xs: 12, lg: 4 }}>
                     <Typography variant="h6" gutterBottom fontWeight="bold">{t('upNext')}</Typography>
                     <Stack spacing={2}>
                         {relatedVideos.map(relatedVideo => (