feat: slide panels, task calendar, team management, project editing, collapsible sections

- Add SlidePanel, TaskDetailPanel, PostDetailPanel, TeamPanel, TeamMemberPanel
- Add ProjectEditPanel, CollapsibleSection, DatePresetPicker, TaskCalendarView
- Update App, AuthContext, i18n (ar/en), PostProduction, ProjectDetail, Projects
- Update Settings, Tasks, Team pages
- Update InteractiveTimeline, MemberCard, ProjectCard, TaskCard components
- Update server API utilities
- Remove tracked server/node_modules (now properly gitignored)

client/src/pages/Settings.jsx

@@ -1,5 +1,5 @@
-import { useState } from 'react'
-import { Settings as SettingsIcon, Play, CheckCircle, Languages, Coins } from 'lucide-react'
+import { useState, useEffect } from 'react'
+import { Settings as SettingsIcon, Play, CheckCircle, Languages, Coins, Upload } from 'lucide-react'
 import { api } from '../utils/api'
 import { useLanguage } from '../i18n/LanguageContext'
 import { CURRENCIES } from '../i18n/LanguageContext'
@@ -8,6 +8,28 @@ export default function Settings() {
   const { t, lang, setLang, currency, setCurrency } = useLanguage()
   const [restarting, setRestarting] = useState(false)
   const [success, setSuccess] = useState(false)
+  const [maxSizeMB, setMaxSizeMB] = useState(50)
+  const [sizeSaving, setSizeSaving] = useState(false)
+  const [sizeSaved, setSizeSaved] = useState(false)
+
+  useEffect(() => {
+    api.get('/settings/app').then(s => setMaxSizeMB(s.uploadMaxSizeMB || 50)).catch(() => {})
+  }, [])
+
+  const handleSaveMaxSize = async () => {
+    setSizeSaving(true)
+    setSizeSaved(false)
+    try {
+      const res = await api.patch('/settings/app', { uploadMaxSizeMB: maxSizeMB })
+      setMaxSizeMB(res.uploadMaxSizeMB)
+      setSizeSaved(true)
+      setTimeout(() => setSizeSaved(false), 2000)
+    } catch (err) {
+      alert(err.message || 'Failed to save')
+    } finally {
+      setSizeSaving(false)
+    }
+  }
 
   const handleRestartTutorial = async () => {
     setRestarting(true)
@@ -81,6 +103,44 @@ export default function Settings() {
         </div>
       </div>
 
+      {/* Uploads Section */}
+      <div className="bg-white rounded-xl border border-border overflow-hidden">
+        <div className="px-6 py-4 border-b border-border">
+          <h2 className="text-lg font-semibold text-text-primary flex items-center gap-2">
+            <Upload className="w-5 h-5 text-brand-primary" />
+            {t('settings.uploads')}
+          </h2>
+        </div>
+        <div className="p-6 space-y-4">
+          <div>
+            <label className="block text-sm font-medium text-text-primary mb-2">
+              {t('settings.maxFileSize')}
+            </label>
+            <div className="flex items-center gap-3">
+              <input
+                type="number"
+                min="1"
+                max="500"
+                value={maxSizeMB}
+                onChange={(e) => setMaxSizeMB(Number(e.target.value))}
+                className="w-24 px-3 py-2.5 border border-border rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-brand-primary/20 focus:border-brand-primary bg-white"
+              />
+              <span className="text-sm text-text-secondary">{t('settings.mb')}</span>
+              <button
+                onClick={handleSaveMaxSize}
+                disabled={sizeSaving}
+                className="px-4 py-2.5 bg-brand-primary text-white rounded-lg text-sm font-medium hover:bg-brand-primary-light disabled:opacity-50 transition-colors"
+              >
+                {sizeSaved ? (
+                  <span className="flex items-center gap-1.5"><CheckCircle className="w-4 h-4" />{t('settings.saved')}</span>
+                ) : sizeSaving ? '...' : t('common.save')}
+              </button>
+            </div>
+            <p className="text-xs text-text-tertiary mt-1.5">{t('settings.maxFileSizeHint')}</p>
+          </div>
+        </div>
+      </div>
+
       {/* Tutorial Section */}
       <div className="bg-white rounded-xl border border-border overflow-hidden">
         <div className="px-6 py-4 border-b border-border">