feat: post composition redesign + budget allocation + brand identity (Rawaj)

Post Workflow:
- PostDetail full page (/posts/:id) replaces slide panel approach
- Post = 1 Caption Copy + 1 Body Copy + 1 Design + 0-1 Video
- copy_type field on Translations (caption/body)
- Composition endpoint returns rich data (content preview, languages, thumbnails)
- Stage auto-advances on translation/artefact changes (both link and unlink)
- "Translations" renamed to "Copy" in navigation
- GET /api/posts/:id, /api/translations/:id, /api/artefacts/:id routes added
- PostProduction: "New Post" creates → navigates to full page
- CampaignDetail: click post → navigates to full page
- Inline link picker (no modals) with search + rich item display
- PostComposition sub-components for caption, copy, designs, video, formats, readiness

Budget Allocation:
- Single source of truth: BudgetEntries (Campaign.budget deprecated)
- Budget mutex for race conditions
- Validation at all levels (main → campaign → track, expenses)
- CEO approval workflow: BudgetRequests table, public approval page
- Finance page: request budget UI, budget requests section
- Settings: CEO email field
- All emails branded with "Rawaj —" prefix

Brand Identity:
- Name: Rawaj (رواج) — trending/virality
- Deep teal palette (#0d9488), forest-tinted dark mode
- DM Sans font, custom SVG logo
- Consistent across login, sidebar, emails, public pages

Approval Workflow:
- Single reviewer per artefact (not multi-select)
- Reviewer redirect on public review page
- Server blocks submit-review without reviewer
- Review URLs use APP_URL (not server URL)

UI/UX:
- Scroll clipping fix: Modal, TabbedModal, SlidePanel restructured
  to avoid overflow-y-auto clipping native select dropdowns
- section-card overflow-hidden → overflow-clip
- All page titles via Header.jsx (removed duplicate h1s)
- CampaignDetail redesigned: prominent budget card, compact team

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

client/src/pages/CampaignDetail.jsx

@@ -14,7 +14,6 @@ import BudgetBar from '../components/BudgetBar'
 import CommentsSection from '../components/CommentsSection'
 import CampaignDetailPanel from '../components/CampaignDetailPanel'
 import TrackDetailPanel from '../components/TrackDetailPanel'
-import PostDetailPanel from '../components/PostDetailPanel'
 
 const TRACK_TYPES = {
   organic_social: { label: 'Organic Social', icon: Megaphone, color: 'text-green-600 bg-green-50', hasBudget: false },
@@ -46,7 +45,6 @@ export default function CampaignDetail() {
   const [budgetValue, setBudgetValue] = useState('')
   const [showDeleteConfirm, setShowDeleteConfirm] = useState(false)
   const [trackToDelete, setTrackToDelete] = useState(null)
-  const [selectedPost, setSelectedPost] = useState(null)
   const [showDiscussion, setShowDiscussion] = useState(false)
   const [allCampaigns, setAllCampaigns] = useState([])
 
@@ -153,21 +151,6 @@ export default function CampaignDetail() {
     loadAll()
   }
 
-  const handlePostPanelSave = async (postId, data) => {
-    if (postId) {
-      await api.patch(`/posts/${postId}`, data)
-    } else {
-      await api.post('/posts', data)
-    }
-    loadAll()
-  }
-
-  const handlePostPanelDelete = async (postId) => {
-    await api.delete(`/posts/${postId}`)
-    setSelectedPost(null)
-    loadAll()
-  }
-
   const deleteTrack = async (trackId) => {
     setTrackToDelete(trackId)
     setShowDeleteConfirm(true)
@@ -301,7 +284,7 @@ export default function CampaignDetail() {
       </div>
 
       {/* Tracks */}
-      <div className="bg-surface rounded-xl border border-border overflow-hidden">
+      <div className="bg-surface rounded-xl border border-border overflow-clip">
         <div className="flex items-center justify-between px-5 py-4 border-b border-border">
           <h3 className="font-semibold text-text-primary">{t('campaigns.tracks')}</h3>
           {canManage && (
@@ -434,7 +417,7 @@ export default function CampaignDetail() {
 
       {/* Linked Posts */}
       {posts.length > 0 && (
-        <div className="bg-surface rounded-xl border border-border overflow-hidden">
+        <div className="bg-surface rounded-xl border border-border overflow-clip">
           <div className="px-5 py-4 border-b border-border">
             <h3 className="font-semibold text-text-primary">{t('campaigns.linkedPosts')} ({posts.length})</h3>
           </div>
@@ -442,7 +425,7 @@ export default function CampaignDetail() {
             {posts.map(post => (
               <div
                 key={post.id}
-                onClick={() => setSelectedPost(post)}
+                onClick={() => navigate(`/posts/${post._id || post.id || post.Id}`)}
                 className="flex items-center gap-3 px-5 py-3 hover:bg-surface-secondary cursor-pointer transition-colors"
               >
                 {post.thumbnail_url && (
@@ -589,19 +572,6 @@ export default function CampaignDetail() {
         </div>
       </Modal>
 
-      {/* Post Detail Panel */}
-      {selectedPost && (
-        <PostDetailPanel
-          post={selectedPost}
-          onClose={() => setSelectedPost(null)}
-          onSave={handlePostPanelSave}
-          onDelete={handlePostPanelDelete}
-          brands={brands}
-          teamMembers={teamMembers}
-          campaigns={allCampaigns}
-        />
-      )}
-
       {/* Campaign Edit Panel */}
       {panelCampaign && (
         <CampaignDetailPanel