feat: P2 PostPreview — TG/VK/MAX preview with char counter, integrated in ChannelView

components/ChannelView.js

@@ -7,6 +7,7 @@ import {
   MessageSquare, Pencil, X, Send, Clock, Search, Camera, ExternalLink
 } from 'lucide-react';
 import PhotoSearchModal from './PhotoSearchModal';
+import PostPreview from './PostPreview';
 
 const GOAL_LABELS = {
   educational: 'Обучение', news: 'Новости',
@@ -387,7 +388,8 @@ export default function ChannelView({ channel }) {
 
       {/* Result */}
       {post && (
-        <div className="card p-5 mb-4">
+        <div className="grid lg:grid-cols-[1fr_360px] gap-4 mb-4 items-start">
+        <div className="card p-5">
           <div className="flex items-center justify-between mb-3 flex-wrap gap-2">
             <h3 className="font-semibold flex items-center gap-2">
               Результат
@@ -586,7 +588,17 @@ export default function ChannelView({ channel }) {
               ))}
             </div>
           </div>
+        </div>{/* конец левой колонки */}
+        {/* Правая колонка — превью */}
+        <div className="card p-4 sticky top-20">
+          <PostPreview
+            text={post}
+            imageUrl={image}
+            platform={channel.platform || 'telegram'}
+            channelName={channel.name}
+          />
         </div>
+        </div>{/* конец грида */}
       )}
 
       {/* Photo search modal */}